body {color:#666666; font-size:14px;} a{color:#333333}a:active,a:hover {color:#104492} .clear,.clearfix { clear:both;} .container {width: 1300px; margin:0 auto;} @media (max-width: 1300px) {.container {width: 96%;}} @media (max-width: 767px) {.container {width: 94%;}} /*首页top */ #Top .width{width:100%; display:block; float:left;height: 100px;} #Top .h110{height:56px;} #Top .top1{width: 100%; position:absolute; left:0; top:0; z-index:999999;} #Top .top1.active{box-shadow:0 4px 15px rgba(0,0,0,0.1);} #Top .top1 .top_a{background:#ffffff;} #Top .top1 .top_a .container{ position:relative; height:100px;} #Top .logo{ height: auto; float:left; position:absolute; top:50%; transform:translateY(-50%);} #Top .logo img{float:left;} #Top .logo .i{border-left:1px solid #e2e2e2; line-height:34px; height:34px; display:block; float:left; font-size:24px; font-weight:normal; margin-left:15px; padding-left:15px; color:#333333; } #Top .top1 .tel{position:absolute; top: 50%;transform: translateY(-50%); right:0;} #Top .top1 .tel .i_a{float:left; width:40px; height:40px; margin-top:3px;} #Top .top1 .tel .p_a{float:left; padding-left:14px;} #Top .top1 .tel .span_a{font-size:14px; color:#666;} #Top .top1 .tel .b_a{display:block; font-weight:bold; color:#ffb517; font-size:24px;} #Top .nav{width:100%; position:relative;} #Top .menu_box{ width:100%; display:block; position:relative; } #Top .menu_box::after{width:800%;background:rgba(54,62,69,0.7);transform: skewX(32deg); position:absolute; left:20px; top:0; content:""; height:100%; } #Top .menu{width:100%;margin-left:20px;} #Top .menu li{ float:left; z-index:15; position:relative; text-align:center;width: 12.5%;} #Top .menu li span a { float:left; font-size:16px; line-height:56px; position:relative; color:#ffffff;height:56px; position: relative; display: flex; justify-content: center; align-items: center; text-decoration: none; text-align:center;display: block;width: 100%;} #Top .menu li span a::after { content: ''; position: absolute;top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background:#104492;transform: skewX(32deg); width:0; } #Top .menu li.active span a::after, #Top .menu li:hover span a::after{ width:100%;} #Top .menu .sub{ display:none; float:left; position:absolute; top:56px; width:150px; z-index:66; background:rgba(54,62,69,0.7); left:50%; margin-left:-55px; } #Top .menu .sub li{ float:left; text-align:center; width:100%; padding:10px 0;} #Top .menu .sub li a{ text-align:center; color:#fff; font-size:14px; line-height:22px; position:relative; display:inline-block; } #Top .menu .sub li::after{position:absolute; left:0; width:100%; height:1px; border-bottom:1px dashed #fff; bottom:0; content: ''; opacity: 0; } #Top .menu .sub li:hover a::after{opacity: 1;} #Top .menu .sub li:hover{background:#104492;} /*手机头*/ #Top .top2{width:100%; height:74px;display: none ; position: absolute; top:0; left: 0; z-index:999999; background-color: #fff;} #Top .top2 .container{ height:74px;} #Top .top2.active{box-shadow: 0 4px 10px rgba(0,0,0,0.1)} #Top .top2 .logo{height:auto;} #Top .top2 .logo .img02{width:100%; left:0; top:0;} /*下拉*/ #Top .menuph{ float:right; margin:20px 0 0 0; cursor: pointer; width: 40px; height: 40px;text-align: center;} #Top .menuph .point{ display: inline-block; width: 30px; height: 22px; margin: 5px auto 0; position: relative;} #Top .menuph .point:hover .navbtn, #Top .menuph .point:hover .navbtn::after, #Top .menuph .point:hover .navbtn::before{width: 28px;} #Top .menuph .navbtn{ position: absolute; top: 10px; right: 0; display: inline-block; width:30px; height: 2px; -webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #000; } #Top .menuph .navbtn::after, #Top .menuph .navbtn::before{ position: absolute; right: 0; display: inline-block; width:30px; height: 2px;content: ''; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s; background: #000; } #Top .menuph .navbtn::after{top: -11px;} #Top .menuph .navbtn::before{ top: 10px;} #Top .menuph .point.active .navbtn{ background: transparent;} #Top .menuph .point.active .navbtn::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg);-o-transform: rotate(45deg); transform: rotate(45deg);top: 0px; } #Top .menuph .point.active .navbtn::before{ -webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px; } /*手机下拉*/ #Top .xialaph { position: fixed; top: 0; left: 0; width:100%; height: 100%; display: none; padding-top:76px; overflow-y:auto;z-index: 999998; background-color:#fff;} #Top .xialaph .img_d { display:none;} #Top .xialaph .ul2, #Top .xialaph .ul3 { display: none;} #Top .xialaph .yjml a { display: block;color: #333; font-size: 18px; line-height: 60px; position: relative; text-transform: uppercase;} #Top .xialaph .yjml { position: relative;} #Top .xialaph .yjml .ico { width:22px; line-height: 0; display: inline-block ; vertical-align: middle; margin-right:5px;} #Top .xialaph li:last-child .yjml::before { content: '';position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #f2f2f2;display: none;} #Top .xialaph li:first-child .yjml::after { display:none;} #Top .xialaph .yjml::after { content: '';position: absolute;top: 0; left: 0; width: 100%;height: 1px; background-color:#dedede;} #Top .xialaph .yjml em { font-size: 12px; margin-left: 5px; text-transform: uppercase;} #Top .xialaph .ejml a { display: block; color: #666;font-size: 16px;line-height: 42px; padding:0 10px;} #Top .xialaph .ejml { position: relative;} #Top .xialaph .ejml::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0;height: 1px; background-color:rgba(95,123,118,0.1);} #Top .xialaph li:last-child .ejml::after { display: none;} #Top .xialaph .yjml b { position: absolute; right: 5px; top: 50%; width: 9px; height: 9px; float: right; border-top: #666 solid 1px; border-right: #666 solid 1px; margin-top: -5px;cursor: pointer; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear;-o-transition: all 0.3s linear; transition: all 0.3s linear;} #Top .xialaph .yjml.active b { transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg); -o-transform:rotate(135deg);margin-top: -7px;} #Top .xialaph .ul3 { padding-top: 12px; padding-bottom: 18px; padding-left: 15px; position: relative;} #Top .xialaph .ul3::after { content: ''; position: absolute; bottom: 0; left: 0;right: 0; height: 1px; background-color: #e5e5e5;} #Top .xialaph li:last-child .ul3::after { display: none;} #Top .xialaph .ul3 li a { color: #666; font-size: 14px; line-height: 35px; display: block;} #Top .xialaph .ul3 li { padding-top: 5px;} #Top .xialaph .ul3 li:first-child { padding-top: 0;} #Top .xialaph .ejml b { position: absolute; right: 5px; top: 50%; width: 9px;height: 9px;float: right; border-top: #999 solid 1px; border-right: #999 solid 1px;margin-top: -5px;cursor: pointer;transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear;transition: all 0.3s linear;} #Top .xialaph .ejml.active b { transform:rotate(135deg);-webkit-transform:rotate(135deg); -moz-transform:rotate(135deg);-o-transform:rotate(135deg); margin-top: -7px;} #Top .phonemeng { position: fixed; top: 0; left: 0;width: 100%;height: 100%; background-color: rgba(0,0,0,0.9); opacity: .6; z-index: 99;display: none;} #Top .phonemeng.active { display: block;} @media screen and (max-width:1300px){ #Top .menu .nli span > a { font-size:15px;} #Top .menu .sub li a { font-size:14px;} #Top .menu .sub { width:120px;left:70%;} #Top .menu .sub li a { line-height:20px;} } @media screen and (max-width:992px){ #Top .width{height: 71px;} #Top .top2{ display:block; position:fixed;} #Top .top1{ display:none;} #Top .h110{height:71px;} } @media screen and (max-width:768px){ #Top .width{height: 61px;} #Top .top2 .logo{width:70%;} #Top .top2 .logo .img01{opacity: 0;} #Top .top2 .logo .img02{opacity:1; max-width:100%;width: auto;} } @media screen and (max-width:500px){ #Top .top2,#Top .top2 .container{ height:60px;} #Top .menuph .point{ margin:0 auto;} } @media screen and (max-width:320px){ #Top .menuph .navbtn { width:24px;} #Top .menuph .navbtn::after, #Top .menuph .navbtn::before { width:24px;} } /* banner 开始 */ .apple-banner { width: 100%; height: 600px; overflow: hidden;} .apple-banner .swiper-container { width: 100%; height: 600px;} .apple-banner .swiper-container .swiper-button-prev, .apple-banner .swiper-container .swiper-button-next { width: 15%; height: 100%; top:0; background:none; margin:0;} .apple-banner .swiper-container .swiper-button-prev { left:0;} .apple-banner .swiper-container .swiper-button-next { right:0;} .apple-banner .swiper-button-prev span, .apple-banner .swiper-button-next span { display:block; width: 64px; height: 64px; position: absolute; top: 50%; margin-top:-32px; border-radius: 100%; opacity: 0; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease;} .apple-banner .swiper-button-prev span { background:url(../images/899_left.png) center center no-repeat; left: 20px;opacity: .6;} .apple-banner .swiper-button-next span { background:url(../images/899_right.png) center center no-repeat; right:20px;opacity: .6;} .apple-banner .swiper-button-prev:hover span, .apple-banner .swiper-button-next:hover span{ opacity: 1;} /*分页器*/ .apple-banner .swiper-pagination{ top:auto; bottom:24px; background:none;} .apple-banner .swiper-pagination-bullet { display: inline-block; width: 12px; margin: 0 6px; cursor: pointer; background: none; border-radius:0; opacity: 1; border-radius:6px;} .apple-banner .swiper-pagination-bullet span { width: 12px; height: 12px; display: block; background: rgba(255, 255, 255, 0.5); border-radius:50%;} .apple-banner .swiper-pagination-bullet-active span{ background-color: #fff;} .apple-banner .autoplay .swiper-pagination-bullet-active span{ background: rgba(255,255,255,0.5);} .apple-banner .swiper-pagination-bullet i{ background-color: #fff; height: 12px; transform:scaleX(0); transform-origin: 0; display: block;} .apple-banner .autoplay .firsrCurrent i{ transition:transform 2.9s linear; transform:scaleX(1); border-radius:6px;} .apple-banner .autoplay .current i{ transition:transform 4s linear; transform:scaleX(1); border-radius:6px;} .apple-banner .autoplay .replace span{ background-color:#fff;} @media screen and (max-width: 1300px) and (min-width: 1200px){ .apple-banner { height: 440px;} .apple-banner .swiper-container { height: 440px;} } @media screen and (max-width:1199px) and (min-width:1080px) { .apple-banner { height: 420px;} .apple-banner .swiper-container { height: 420px;} .apple-banner .swiper-container .swiper-button-prev, .apple-banner .swiper-container .swiper-button-next { width:10%;} } @media screen and (max-width:1079px) and (min-width:1024px) { .apple-banner { height: 400px;} .apple-banner .swiper-container { height: 400px;} .swiper-container .swiper-button-prev, .apple-banner .swiper-container .swiper-button-next { width:10%;} } @media screen and (max-width:1023px) and (min-width:768px) { .apple-banner { height: 300px;} .apple-banner .swiper-container { height: 300px;} .apple-banner .swiper-container .swiper-button-prev, .apple-banner .swiper-container .swiper-button-next { width:10%;} } @media (max-width: 767px) { .apple-banner { height: 180px;} .apple-banner .swiper-container { height: 180px;} .apple-banner .swiper-container .swiper-button-prev, .apple-banner .swiper-container .swiper-button-next { width:10%;} .apple-banner .swiper-button-prev span, .apple-banner .swiper-button-next span { width:44px; height:44px; background-size:44px 44px;} .apple-banner .swiper-button-prev span { left:10px;} .apple-banner .swiper-button-next span { right:10px;} .apple-banner .swiper-pagination { bottom:12px;} .apple-banner .swiper-pagination-bullet { width:10px; height:10px; margin:0 5px;} .apple-banner .swiper-pagination-bullet span { width:10px; height:10px;} .apple-banner .swiper-pagination-bullet i { height:10px;} } @media (max-width: 375px) { .apple-banner { height: 140px;} .apple-banner .swiper-container { height: 140px;} } /* banner 结束 */ /*首页产品展示*/ #Content .pro_index01{display:block; width:100%;position:relative;} #Content .pro_index01::after{width:100%; background:#e5e5e5; height:1px; bottom:0; content:""; z-index:-1; left:0; position:absolute;} #Content .pro_index01 .index_top{position:relative; width:100%; display:block; padding-bottom:0;} #Content .pro_index01 .h3_y{font-weight:bold; font-size:42px; color:#333333; display:block; } #Content .pro_index01 .p_h3{font-weight:bold; font-size:30px; color:#104492; position:relative;} #Content .pro_index01 .p_h3::after{position:absolute; right:0; top:55%; margin-top:0; height:1px; width:86%; content:"";background:#e5e5e5;} #Content .pro_index01 .top_rig{ margin:20px auto;} #Content .pro_index01 .li_a{float:left; padding:0 20px; line-height:45px; margin-left:10px; background:#104492; -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;} #Content .pro_index01 .right{float:right;} #Content .pro_index01 .li_a { margin:0 10px 10px 0;} #Content .pro_index01 .li_a a{ display:block; width:100%; max-width:160px; height:44px; overflow:hidden; line-height:45px; color:#ffffff; font-size:15px; white-space:nowrap; text-overflow: ellipsis; margin:0; padding:0;} #Content .pro_index01 .li_a:hover, #Content .pro_index01 .li_a.on{background:#363e45;} #Content .pro_index01 .sea_form{ width:320px; height:40px; border:1px solid #e5e5e5;padding-right:39px; position:absolute; top:4px; right:0;} #Content .pro_index01 .sea_form .input{float: left; width: 100%; height:36px; line-height:28px; padding: 5px 10px; color: #363e45; font-size: 14px; background: white; outline: none; border:0;} #Content .pro_index01 .sea_form .search_b{position: absolute;right:-1px;top: -1px; width:40px; height:40px;display:block; border: none;background: url(../images/901_top9.png) center no-repeat #104492; cursor: pointer ; background-size: contain;} #Content .pro_index01 .pro_ul{width:100%; display:block;} #Content .pro_index01 .ul_a{padding-bottom:10px; display:block;} #Content .pro_index01 .li_b{width:23.5%; float:left; margin:0 2% 3% 0; padding-bottom:20px;} #Content .pro_index01 .li_b:nth-child(4n){margin-right:0;} #Content .pro_index01 .li_b .procon { width:100%; display:block;position:relative; padding: 14px 14px 38px; background:#f0f0f0; height:100%;transition:all 0.5s ease;border-radius: 8px;} #Content .pro_index01 .li_b .pic { display:block; width:100%; height:265px; overflow: hidden; margin:0 auto; padding:0;} #Content .pro_index01 .li_b .pic a { display:block; width:100%; height:100%; overflow: hidden; margin:0 auto; padding:0; background-color:#fff; position:relative;} #Content .pro_index01 .li_b .pic a img { display:block; width:auto!important; max-width:100%; max-height:100%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0; transition:all 0.5s ease;} #Content .pro_index01 .li_b .h4_b{display:block; padding-top:16px; line-height:40px; color:#333333; font-size:18px; width:100%; text-align:center;transition:all 0.5s ease;} #Content .pro_index01 .li_b .h4_b a {display:block;line-height:40px; color:#333333; font-size:18px; width:100%; text-align:center;transition:all 0.5s ease;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;} #Content .pro_index01 .li_b:hover .h4_b a { color:#fff;} #Content .pro_index01 .li_b .p_b{line-height:30px; color:#888888; font-size:14px; text-align:center; display:block; width:100%;transition:all 0.5s ease;} #Content .pro_index01 .li_b .more {position:absolute; left:50%;margin-left:-27px; bottom:-20px; z-index:2; border:4px solid #f0f0f0; background:#ffffff; line-height:48px; width:54px; height:54px; text-align:center; color:#b3b3b3; font-size:14px; border-radius:50%;transition:all 0.5s ease;} #Content .pro_index01 .li_b .more a { color:#b3b3b3;} #Content .pro_index01 .li_b .more:hover a {} #Content .pro_index01 .li_b:hover .procon {background:#104492;} #Content .pro_index01 .li_b:hover .h4_b, #Content .pro_index01 .li_b:hover .p_b, #Content .pro_index01 .li_b:hover .more{color:#ffffff;} #Content .pro_index01 .li_b:hover .more{} #Content .pro_index01 .li_b:hover .pic a img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);} #Content .pro_index01 .more_a{width:184px; height:44px; background:#363e45; line-height:44px; color:#ffffff; margin:0 auto; display:block; padding:0 15px; position:relative;} #Content .pro_index01 .more_a::after{position:absolute; right:0; top:0; width:65px; content:""; height:0; border-top:44px solid #104492; border-left:28px solid transparent;transition:all 0.5s ease;} #Content .pro_index01 .more_a a { color:#ffffff; padding-left:15px; font-size:16px; width:100%; display:block; position:relative; z-index:2;} #Content .pro_index01 .more_a .b{float:right; font-weight:bold; line-height:44px; font-size:20px;} #Content .pro_index01 .more_a:hover::after{background:#104492; width:100%; height:100%;} @media screen and (max-width:1630px){ #Content .pro_index01 .li_a{padding:0 10px;} } @media screen and (max-width:1300px){ #Content .pro_index01 .h3_y{font-size:36px;} #Content .pro_index01 .p_h3{font-size:30px;} #Content .pro_index01 .li_a{padding:0 10px;} #Content .pro_index01 .top_rig{position:inherit; margin-top:20px;} #Content .pro_index01 .sea_form{} #Content .pro_index01 .right{float:left;} } @media screen and (max-width:1299px) and (min-width:993px) { #Content .pro_index01 .li_b{width:32%;margin:0 2% 3% 0;} #Content .pro_index01 .li_b:nth-child(4n){margin-right:2%;} #Content .pro_index01 .li_b:nth-child(3n){margin-right:0;} } @media screen and (max-width:992px){ #Content .pro_index01 .p_h3::after{width:80%;top: 30px;} #Content .pro_index01 .h3_y{font-size:32px;} #Content .pro_index01 .p_h3{font-size:24px;} #Content .pro_index01 .li_a{padding:0 10px;} #Content .pro_index01 .top_rig{position:inherit; margin-top:10px;} #Content .pro_index01 .sea_form { top:24px;} #Content .pro_index01 .right{float:left; width:100%; display:flex;align-items: center; justify-content: center; } #Content .pro_index01 .li_b{width:49%;} #Content .pro_index01 .li_b:nth-child(3n){margin-right:2%;} #Content .pro_index01 .li_b:nth-child(2n){margin-right:0;} } @media screen and (max-width:768px){ #Content .pro_index01 .h3_y{font-size:24px;} #Content .pro_index01 .p_h3{font-size:22px;} #Content .pro_index01 .p_h3::after{width:70%; top: 32px; margin-top: -15px;} #Content .pro_index01 .sea_form { width:100%; position:inherit; top: inherit; right: inherit; margin:20px 0 0;} #Content .pro_index01 .right{display:block;} #Content .pro_index01 .li_a{width:46%; padding:0 10px; text-align:center; margin:6px 2%; line-height:40px; height:40px;} #Content .pro_index01 .li_a a{font-size:14px; max-width:100%; display:block; text-align:center; height:40px; line-height:40px;} #Content .pro_index01 .li_b .h4_b{line-height:28px; padding-top:10px; font-size:16px;} #Content .pro_index01 .li_b .procon {padding:10px 10px 32px;} #Content .pro_index01 .ul_a{padding-bottom:20px;} #Content .pro_index01 .more_a{width:160px; height:38px;} #Content .pro_index01 .more_a a{line-height:38px; padding-left:5px; font-size:15px;} #Content .pro_index01 .more_a::after{border-top:38px solid #104492;} #Content .pro_index01 .more_a .b{line-height:38px;} #Content .pro_index01 .li_b .more{width: 60px; height: 60px; line-height:52px; margin-left: -30px; bottom: -24px;} } @media screen and (max-width:767px){ #Content .pro_index01 .li_b .procon{ padding:5px 5px 32px} #Content .pro_index01 .li_b .pic{ height:165px;} #Content .pro_index01 .li_b .h4_b{ padding-top:0;} #Content .pro_index01 .li_b .h4_b a{padding-top:8px; font-size:14px;} #Content .pro_index01 .li_b .more{ width:55px; height:55px; font-size:12px;} } @media screen and (max-width:374px){ #Content .pro_index01 .li_b{ width:100%; margin-right:0;} } /*首页服务理念 开始*/ .h_service {width:100%;box-sizing:border-box;background:url(../images/h_service_b_02.jpg) no-repeat center;background-size:cover;text-align:center;padding:77px 0; margin:60px 0 0px;} .h_service>div.tlt {color:#104492;font-size:30px;height:30px;line-height:30px;font-weight:bold;} .h_service>p {color:#666666;font-size:18px;line-height:18px;height:18px;margin-top:24px;} .h_service_content {width:1200px;margin:76px auto 0 auto;} .h_service_content li {float:left;width:32%;height:264px;margin-left:2%;box-sizing:border-box;padding: 42px 2%;position:relative;} .h_service_content li div {margin-top: 12px;} .h_service_content li:first-of-type {margin-left:0;} .h_service_content p {color: #777;font-size:14px;line-height:22px;text-align:left;width:270px;display:inline-block;vertical-align:text-top;margin-left:8px;} .h_service_b01 {background:#fff;} .h_service_b02 {background:#fff;} .h_service_b03 {background:#fff;} .service_top {width:202px;height:48px;background-color:#284da0;position:absolute;top:-24px;left:50%;margin-left:-101px;color:#ffffff;font-size:26px;line-height:48px;text-align:center;} .service_top:before {content:'';width:0;height:0;border:20px solid;border-color:transparent transparent white transparent;position:absolute;right:-26px;bottom:-25px;transform:rotate(-228deg);} @media screen and (max-width:1300px){ .h_service_content{ width:96%;} } @media screen and (max-width:1079px){ .h_service{ display:none;} } /*首页服务理念 结束*/ /*首页案例*/ #Content3 .case_index03{display:block; width:100%; float:left; background:#f0f0f0; padding:60px 0;} #Content3 .case_index03 .index_top{position:relative; width:100%; display:block; padding-bottom:40px;} #Content3 .case_index03 .h3_y{font-weight:bold; font-size:42px; color:#333333; display:block; } #Content3 .case_index03 .p_h3{font-weight:bold; font-size:30px; color:#104492; position:relative;} #Content3 .case_index03 .p_h3::after{position:absolute; right:0; top:55%; margin-top:-1px; height:1px; width:86%; content:"";background:#e5e5e5;} #Content3 .case_index03 .more_a{width:184px; height:44px; background:#363e45; line-height:44px; position:absolute; right:0; top:4px; color:#fff; display:block; padding:0 15px;} #Content3 .case_index03 .more_a::after{position:absolute; right:0; top:0; width:65px; content:""; height:0; border-top:44px solid #104492; border-left:28px solid transparent;transition:all 0.5s ease;} #Content3 .case_index03 .more_a a{color:#fff; padding-left:15px; font-size:16px; width:100%; display:block; position:relative; z-index:2;} #Content3 .case_index03 .more_a .b{float:right; font-weight:bold; line-height:44px; font-size:20px;} #Content3 .case_index03 .more_a:hover::after{background:#104492; width:100%; height:100%;} #Content3 .case_index03 .case_ul{width:100%; display:block;} #Content3 .case_index03 .li_d{float:left; width:32%; margin-right:2%; background:#fff;} #Content3 .case_index03 .li_d:nth-child(3n){margin-right:0;} #Content3 .case_index03 .li_d .case_con {display:block; width:100%; height:276px; overflow:hidden; margin:0; padding:0; position:relative;} #Content3 .case_index03 .li_d .case_con a.pic{ display:block; width:100%; height:100%; margin:0 auto; padding:0; position:relative; } #Content3 .case_index03 .li_d .case_con a.pic img { display:block; width:100%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0;} #Content3 .case_index03 .li_d .mor { display:flex;align-items: center; justify-content: center; width:100%; height:100%; background:rgba(16,68,146,0.7); position:absolute; left:0; top:0; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); } #Content3 .case_index03 .li_d .i { display:block; width:54px; height:54px; border:1px solid #ffffff; line-height:54px; font-size:14px; border-radius:50%; color:#ffffff; text-align:center;} #Content3 .case_index03 .li_d a.text { display:block; line-height:68px; height:68px; width:100%; padding:0 10px; text-align:center; display:block; font-size:18px; color:#333333;-webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;} #Content3 .case_index03 .li_d:hover .mor { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1);} #Content3 .case_index03 .li_d:hover a.text{ background:#104492; color:#ffffff;} @media screen and (max-width:1630px){ } @media screen and (max-width:1300px){ #Content3 .case_index03 .h3_y{font-size:36px;} #Content3 .case_index03 .p_h3{font-size:30px;} #Content3 .case_index03 .li_d a.text{line-height:60px; height:60px;} #Content3 .case_index03 .more_a{bottom:46%;} } @media screen and (max-width:1080px) and (max-width:1300px){ #Content3 .case_index03 .li_d .case_con { height:226px;} } @media screen and (max-width:1024px) and (max-width:1079px){ #Content3 .case_index03 .li_d .case_con { height:227px;} } @media screen and (max-width:992px){ #Content3 .case_index03{padding:50px 0;} #Content3 .case_index03 .p_h3::after{width:80%;} #Content3 .case_index03 .h3_y{font-size:32px;} #Content3 .case_index03 .p_h3{font-size:24px;} #Content3 .case_index03 .more_a{bottom:46%; width:160px; height:40px;} #Content3 .case_index03 .more_a a{padding-left:10px; line-height:40px;} #Content3 .case_index03 .more_a .b{line-height:40px;} #Content3 .case_index03 .more_a::after{border-top: 40px solid #104492;} #Content3 .case_index03 .li_d a.text{line-height:50px; height:50px; font-size:16px;} #Content3 .case_index03 .li_d .i{width:46px; height:46px; line-height:46px;} } @media screen and (max-width:991px){ #Content3 .case_index03 .index_top{ padding-bottom:0;} } @media screen and (max-width:768px){ #Content3 .case_index03{padding:30px 0;} #Content3 .case_index03 .h3_y{font-size:24px;} #Content3 .case_index03 .p_h3{font-size:22px;} #Content3 .case_index03 .p_h3::after{width:70%;} #Content3 .case_index03 .more_a{ float:right; width:120px; height:36px; bottom:inherit; top:4px;} #Content3 .case_index03 .more_a a{padding-left:0px; line-height:36px; font-size:14px;} #Content3 .case_index03 .more_a .b{line-height:36px;} #Content3 .case_index03 .more_a::after{border-top: 36px solid #104492; width:56px;} #Content3 .case_index03 .li_d a.text{line-height:44px; height:44px; font-size:14px;} #Content3 .case_index03 .li_d .i{width:46px; height:46px; line-height:46px;} #Content3 .case_index03 .li_d {} } @media screen and (min-width:768px) and (max-width:991px){ #Content3 .case_index03 .p_h3::after{width:86%;} #Content3 .case_index03 .more_a {top:0;} #Content3 .case_index03 .li_d{ margin-top:20px;} #Content3 .case_index03 .li_d .case_con { height:170px;} } @media screen and (max-width:767px){ #Content3 .case_index03 .li_d { width:100%; margin-right:0; margin-top:15px; display:block;} #Content3 .case_index03 .li_d .case_con { width:100%; height:auto;} #Content3 .case_index03 .li_d .case_con a.pic { height:auto;} #Content3 .case_index03 .li_d .case_con a.pic img { display:block; max-width:inherit; max-height:inherit; width:100%; height:auto; margin:0 auto; padding:0; position:inherit; left:inherit; top:inherit; right:inherit; bottom:inherit;} } @media screen and (max-width:360px){ #Content3 .case_index03 .h3_y{font-size:20px;} } @media screen and (max-width:320px){ #Content3 .case_index03 .h3_y { font-size: 18px;} #Content3 .case_index03 .p_h3 { font-size:20px;} #Content3 .case_index03 .p_h3::after { top:24px;} } /*首页关于我们*/ .index-about {padding-top: 60px;background: #f0f0f0 url(../images/in-abbg.jpg) no-repeat center top;background-color: white;height: 535px;} .in-cTit {font-size:36px;line-height:1;text-align:center;color:#222;padding-bottom:30px;background:url(../images/in-tit2.png) no-repeat center bottom;} .index-about .in-cTit {color:#fff;background-image:url(../images/in-tit.png);} .in-more {margin-top:40px;font-size:0;text-align:center;} .in-more a {display:inline-block;width:220px;height:56px;background-color:#f6f6f6;border-radius:28px;border:solid 1px #eaeaea;line-height:56px;font-size: 15px;color:#999;transition:0.3s;} .index-about .in-more a {border:solid 1px rgba(250,250,250,0.3);background-color:rgba(246,246,246,0.3);color:#fff;} .in-more a:hover {background-color:#305dc3;color:#fff;border-color:#305dc3;} .index-about .text {margin:60px auto 0;color:#fff;font-size: 15px;line-height: 30px;} .inab-main-data {margin-top: 60px;} .inab-main-data .nums {transition:0.3s;overflow: hidden;} .inab-main-data .num {width:294px;height:160px;padding:60px 86px;transition:0.3s;} .inab-main-data .num:first-child {} .inab-main-data .num span {font-size:72px;line-height:60px;} .inab-main-data .num p {left:233px;top:59px;} .inab-main-data .nums {overflow:hidden;} .inab-main-data .num {width: 33.3333%;float:left;padding: 25px 45px 25px;height: 187px;color:#fff;position:relative;} .inab-main-data .num1 {background: #305dc3 url(../images/abicon1.png) no-repeat center 96px;} .inab-main-data .num2 {background: #2d57b6 url(../images/abicon2.png) no-repeat center 96px;} .inab-main-data .num3 {background: #294da0 url(../images/abicon3.png) no-repeat center 96px;} .inab-main-data .num span {font-size: 50px;line-height:1;float:left;letter-spacing:-2px;font-family:Arial;} .inab-main-data .num span sub {font-size:26px;} .inab-main-data .num p {font-size: 15px;line-height:24px;position:absolute;left:193px;top: 22px;padding-bottom:12px;background:url(../images/ab-numbg.png) repeat-x left bottom;width:160px;} @media screen and (max-width:1300px){ .index-about .text {margin: 30px auto 0;} } @media screen and (max-width:1299px){ .inab-main-data,.in-more { margin-top: 30px;} .inab-main-data .num{ padding:25px;} .inab-main-data .num1 {background: #305dc3 url(../images/abicon1.png) no-repeat center 106px;} .inab-main-data .num2 {background: #2d57b6 url(../images/abicon2.png) no-repeat center 106px;} .inab-main-data .num3 {background: #294da0 url(../images/abicon3.png) no-repeat center 106px;} .inab-main-data .num span{ font-size:40px;} .inab-main-data .num p{ left:123px;} } @media screen and (max-width:767px){ .index-about{ height:455px;padding-top: 40px;} .in-cTit{ font-size:24px;} .index-about .text{ height:210px; overflow:hidden;} .in-more a{ height:40px; line-height:40px; width:140px;} .inab-main-data{ display:none;} } /*首页新闻资讯*/ #Content5 .news_index05{background:#f0f0f0; padding:140px 0 60px; display:block; width:100%; float:left;} #Content5 .news_index05 .index_top{position:relative; width:100%; display:block; padding-bottom:40px;} #Content5 .news_index05 .h3_y{font-weight:bold; font-size:42px; color:#333333; display:block; } #Content5 .news_index05 .p_h3{font-weight:bold; font-size:30px; color:#104492; position:relative;} #Content5 .news_index05 .p_h3::after{position:absolute; right:0; top:55%; margin-top:-1px; height:1px; width:86%; content:"";background:#e5e5e5; } #Content5 .news_index05 .top_rig{position:absolute; right:0; top:4px;} #Content5 .news_index05 .li_a{float:left; padding:0 20px; line-height:45px; margin-left:10px; background:#104492; -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;} #Content5 .news_index05 .right{float:right;} #Content5 .news_index05 .li_a a{font-size:16px; color:#ffffff; display:block; width:100%;} #Content5 .news_index05 .li_a:hover, #Content5 .news_index05 .li_a.on{background:#363e45;} #Content5 .news_index05 .news_ul{display:block; width:100%;} #Content5 .news_index05 .li_e{width:49%; float:left; margin:0 2% 2% 0; height:120px; overflow: hidden;} #Content5 .news_index05 .li_e:nth-child(2n){margin-right:0;} #Content5 .news_index05 .li_e a{display:block; width:100%; height:100%; background:#ffffff; -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;} #Content5 .news_index05 .li_e .span_left{float:left; width:20%; position:relative;color:#ffffff;} #Content5 .news_index05 .li_e .i{padding:30px 20px 10px; display:block; font-size:18px; line-height:18px; position:relative; z-index:2;} #Content5 .news_index05 .li_e .b_e{position:relative; z-index:2; font-weight:bold; font-size:32px; display:block;padding:0 20px; line-height:40px;} #Content5 .news_index05 .li_e .span_left::after{position:absolute; left:0; top:0; content:""; width:160px; height:0; border-bottom:120px solid #aaa; border-right:78px solid transparent; -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;} #Content5 .news_index05 .li_e .span_right{float:left; width:80%;padding:20px 28px;} #Content5 .news_index05 .li_e .h4_e{font-size:18px; line-height:20px; display:block; color:#333333;} #Content5 .news_index05 .li_e .p_e{line-height:24px; margin-top:12px; display:block; font-size:14px; color:#666666; height:48px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical;} #Content5 .news_index05 .li_e:hover .span_left::after{border-bottom:120px solid #104492;} #Content5 .news_index05 .li_e:hover a{background:#363e45;} #Content5 .news_index05 .li_e:hover .h4_e, #Content5 .news_index05 .li_e:hover .p_e{color:#ffffff;} @media screen and (max-width:1630px){ } @media screen and (max-width:1300px){ #Content5 .news_index05 .h3_y{font-size:36px;} #Content5 .news_index05 .p_h3{font-size:30px;} #Content5 .news_index05 .top_rig{bottom:46%;} #Content5 .news_index05 .li_a{padding:0 16px;} #Content5 .news_index05 .li_e .b_e{ font-size:30px;} #Content5 .news_index05 .li_e .i{padding:35px 15px 10px;} #Content5 .news_index05 .li_e .span_left::after{width:150px;} #Content5 .news_index05 .li_e .span_right{padding:20px 45px;} } @media screen and (max-width:1116px) and (min-width:992px) { #Content5 .news_index05 .li_e .b_e{ font-size:28px;padding: 0 0 0 20px;} } @media screen and (max-width:992px){ #Content5 .news_index05 .p_h3::after{width:80%;} #Content5 .news_index05 .h3_y{font-size:32px;} #Content5 .news_index05 .p_h3{font-size:24px;} #Content5 .news_index05 .top_rig{position:inherit;width: 100%; margin-top:10px; display: flex; align-items: center; justify-content: center; } #Content5 .news_index05 .li_e{height:110px;} #Content5 .news_index05 .li_e .i{padding:25px 10px 10px; font-size:14px;} #Content5 .news_index05 .li_e .span_left::after{width:130px;border-bottom: 110px solid #aaa;} #Content5 .news_index05 .li_e .span_right{padding:20px 45px;} #Content5 .news_index05 .li_e .b_e{font-size:36px; line-height:30px; padding:0 10px; text-align:center;} #Content5 .news_index05 .li_e .span_left{width:23%;} #Content5 .news_index05 .li_e .span_right{width:77%;} #Content5 .news_index05 .li_e .h4_e{font-size:16px;} #Content5 .news_index05 .li_e .p_e{line-height:22px; margin-top:8px; height:43px;} } @media screen and (max-width:991px){ #Content5 .news_index05{padding: 140px 0 20px;} #Content5 .news_index05 .index_top{padding-bottom:10px;} #Content5 .news_index05 .h3_y{font-size:20px;} #Content5 .news_index05 .p_h3{font-size:18px;} #Content5 .news_index05 .p_h3::after{width:74%;} #Content5 .news_index05 .top_rig{display:block; margin:0;} #Content5 .news_index05 .right{float:none;} #Content5 .news_index05 .li_a{width:46%; padding:0 10px; text-align:center; margin:2%; line-height:40px;} #Content5 .news_index05 .li_a a{font-size:14px; width:100%; display:block; text-align:center;} #Content5 .news_index05 .li_e{width:100%; margin-right:0; height:98px; margin-bottom:15px;} #Content5 .news_index05 .li_e .i{padding:25px 10px 10px; font-size:14px;} #Content5 .news_index05 .li_e .span_left::after { width:120px; border-bottom:98px solid #aaa;} #Content5 .news_index05 .li_e .span_right{padding:16px 20px;} #Content5 .news_index05 .li_e .b_e{font-size:32px; line-height:20px; padding:0 10px; text-align:left;} #Content5 .news_index05 .li_e .span_left{width:16%;} #Content5 .news_index05 .li_e .span_right{width:84%;} #Content5 .news_index05 .li_e .h4_e{font-size:16px;} #Content5 .news_index05 .li_e .p_e{line-height:20px; font-size:14px; margin-top:5px; height:40px;} } @media screen and (max-width:767px){ #Content5 .news_index05{padding:30px 0 20px;} #Content5 .news_index05 .li_e .span_left{width:27%;} #Content5 .news_index05 .li_e .span_right{width:73%;} } @media screen and (max-width:374px){ #Content5 .news_index05 .li_e .b_e{ font-size:28px;} } /*热门关键词&搜索 开始*/ .ly_hotkw_search { width:100%; height:70px; margin:0 auto; padding:0; background-color:#f6f6f6; border-bottom:4px solid #ededed; position:relative; z-index:9;} .ly_hotkw_search .hotkw_search {height:100%; overflow:hidden;padding:15px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .hotkw_search .hotkw_left { float:left; width:66%; height:40px; overflow:hidden; line-height:40px; color:#797979; font-size:14px; white-space:nowrap; text-overflow: ellipsis; margin:0; padding:0;} .hotkw_search .hotkw_left span { color:#555; font-weight:bold;} .hotkw_search .hotkw_left a { color:#777;} .hotkw_search .hotkw_left a:hover { color:#104492;} .hotkw_search .search_right { float:right; width:30%; height:40px; overflow:hidden; margin:0; padding:0 80px 0 0; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .hotkw_search .search_right .sc_ipt { width:100%; height:40px; overflow:hidden; margin:0; padding:0;} .search_right .sc_ipt input { display:block; width:100%; height:40px; overflow:hidden; line-height:38px; color:#777; font-size:14px; white-space:nowrap; text-overflow: ellipsis; background:#fff url(../images/sc_btn.png) 9px 9px no-repeat; outline:none; border:0; margin:0; padding:0 9px 0 39px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .hotkw_search .search_right .sc_btn { width:80px; height:40px; overflow:hidden; margin:0; padding:0; position:absolute; top:0; right:0;} .search_right .sc_btn input { display:block; width:100%; height:40px; overflow:hidden; line-height:40px; color:#fff; font-size:16px; text-align:center; background-color:#104492; border:none; outline:none; cursor:pointer;} @media screen and (max-width:1199px) and (min-width:1080px) { .ly_hotkw_search .hotkw_search { width:90%; padding:15px 0;} } @media screen and (max-width:1079px) and (min-width:1024px) { .ly_hotkw_search .hotkw_search { width:96%; padding:15px 0;} .hotkw_search .hotkw_left { width:62%;} .hotkw_search .search_right { width:36%;} } @media screen and (max-width:1023px) and (min-width:768px) { .ly_hotkw_search { height:auto; margin:0 auto;} .ly_hotkw_search .hotkw_search { width:96%; padding:12px 0;} .hotkw_search .hotkw_left { width:100%; margin: 0 0 12px; height: 28px; line-height: 28px;} .hotkw_search .search_right { width:100%;} } @media (max-width: 767px) { .ly_hotkw_search { height:auto; margin:0 auto; padding:0; background-size:100% 20px;} .ly_hotkw_search .hotkw_search { width:100%; padding:12px 3%;} .hotkw_search .hotkw_left { width:100%; height:auto; max-height:48px; line-height:24px; margin:0 auto 10px; white-space:inherit;} .hotkw_search .search_right { width:100%;} } /*热门关键词&搜索 结束*/ /*底部*/ #Down .footer{width:100%; float:left; display:block;} #Down .footer .d_footer{width:100%; display:block;} #Down .d_footer .top_d{background:#272c31; padding-top:40px; display:block; width:100%;} #Down .d_footer .ul_left{float:left; width:81.5%; margin:0 0 40px;overflow: hidden;} #Down .d_footer .ul_left .li_f{float:left; width:18%; margin-right:2%;} #Down .d_footer .ul_left .h4_a{display:block; line-height:20px; font-size:18px; color:#fff; font-weight:bold; position:relative; padding-bottom:16px;} #Down .d_footer .ul_left .h4_a .b{position: absolute; display:none; right:15px;top:56%; width: 9px;height: 9px; float: right; border-top:solid 1px #bdbebf; border-right:solid 1px #bdbebf;margin-top: -5px; cursor: pointer;transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);-o-transform: rotate(-45deg); -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;} #Down .d_footer .ul_left .h4_a.active .b{ transform: rotate(135deg);-webkit-transform: rotate(135deg); -moz-transform: rotate(135deg);-o-transform: rotate(135deg); margin-top: -7px;} #Down .d_footer .ul_left .h4_a::after{width:20px; height:1px; background:#52565a; position:absolute; left:0; bottom:0; content:"";} #Down .d_footer .ul_left ul{margin-top:20px; display:block;max-height: 120px;overflow: hidden;} #Down .d_footer .ul_left .li{line-height:30px;height: 30px;overflow: hidden;} #Down .d_footer .ul_left .li a{font-size:14px; color:#bdbebf; display:block;} #Down .d_footer .ul_left .li:hover a{color:#104492;} #Down .d_footer .right_d{width:17.5%; float:right;} #Down .d_footer .top_g{padding-left:42px; width:100%; color:#fff; position:relative;font-size:16px; line-height:24px;} #Down .d_footer .top_g .i{width:25px; height:22px; background:url(../images/907_tel_1.png)no-repeat; position:absolute; left:0; top:0;} #Down .d_footer .top_g .b{font-size:24px; line-height:28px; font-weight:normal;} #Down .d_footer .bot_g{display:block; width:100%; padding-left:42px; margin-top:10px;} #Down .d_footer .span_1{float:left; } #Down .d_footer .span_2{float:right; border-top:1px solid #52565a; border-bottom:1px solid #52565a; font-size:14px; line-height:28px; padding:20px 0; margin:10px 0 0 6px; writing-mode: vertical-rl;/*从左向右 从右向左是 writing-mode: vertical-rl;*/ writing-mode: tb-rl;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/} #Down .d_footer .ul{margin-top:0; position:relative; display:block; border-top:1px dashed #52565a; width:100%; padding:25px 0;} #Down .d_footer .h5_a{padding-left:30px; line-height:18px; position:relative; font-size:16px; float:left;color:#bdbebf;} #Down .d_footer .h5_a .i{width:16px; height:16px; background:url(../images/907_link.png)no-repeat; position: absolute; left:0; top:0;} #Down .d_footer .ul_a{float:left;width:86%;} #Down .d_footer .ul_a .li_g{line-height:16px; font-size:14px; float:left; color:#363b41; font-size:14px;} #Down .d_footer .ul_a .li_g a{ color:#bdbebf; font-size:14px;padding:0 8px; line-height:20px; display:inline-block;} #Down .d_footer .ul_a .li_g:hover a{color:#104492;} #Down .d_footer .ul .span{font-size:14px; float:right;} #Down .d_footer .ul .span a{color:#bdbebf; font-size:14px;} #Down .bottom_d{background:#104492; padding:15px 0; line-height:26px; width:100%; display:block;} #Down .bottom_d .span_3{float:left; width:90%; line-height:26px; font-size:14px; color:#a4afc9;} #Down .bottom_d .span_4{float:right; line-height:24px; color:#a4afc9; font-size:14px;} #Down .bottom_d .span_4 a{ color:#a4afc9; font-size:14px;} #Down .bottom_d .span_4:hover a{color:#fff;} #Down .pf_down{display:none; box-shadow:0 -6px 4px -6px #ccc;} #Down .bottom_d .span_3 p{ color:#a4afc9;} #Down .bottom_d .span_3 p span, #Down .bottom_d .span_3 p a { color:#a4afc9;} #Down .bottom_d .span_3 p a:hover { color:#fff;} /*右侧漂浮*/ #Down .pf_right{width:72px; right:30px; position:fixed; top:50%; z-index:999; } #Down .pf_right ul{ width:100%; float:left;} #Down .pf_right ul li{ width:72px; height:72px; float:left; margin-bottom:1px;} #Down .pf_right ul li a{ display:block; float:right; width:72px; height:72px; position:relative; padding:8px 0; background:#494d52;} #Down .pf_right ul li a img{ float:left;} #Down .pf_right ul li a .ico{ width:30px; height:30px; margin:0 auto;} #Down .pf_right ul li a .i{color:#ffffff; line-height:24px; font-size:16px; display:block; text-align:center; width:100%;} #Down .pf_right ul li:hover a{background:#203764;} #Down .pf_right ul li.r_ewm .z_ewm{position:absolute; right:80px;width:100px; height:100px; display:none; top:-12px;border:5px solid #203764;} #Down .pf_right ul li.r_ewm .z_ewm img{width:100%; height:100%;} #Down .pf_right ul li.r_ewm:hover a .z_ewm{display:block;} /* 20200413修改开始 */ #Down .pf_right{ top: 35%;} #Down .pf_right ul li{ position: relative;} #Down .pf_right ul li .z_dh{ display: none; width: 170px; height: 72px; line-height: 72px; overflow: hidden; text-align: center; position: absolute; top: 0; right: 80px; color: #fff; font-size:18px; background:#203764;} #Down .pf_right ul li:hover .z_dh{ display: block;} /* 20200413修改结束 */ @media screen and (max-width:1300px){ #Down .pf_right{right:0;} } /*留言弹窗*/ #Down .mess-wrapper{width:100%; height:100%; background:rgba(0,0,0,0.5); position: fixed; top: 0; left: 0; z-index: 99999; } #Down .mess-wrapper .mess_width{width:600px; margin:0 auto; position:relative; top:20%;} #Down .mess-wrapper .top_1{background:#104492; line-height:64px; border-radius:20px 20px 0 0; text-align:center; color:#ffffff; font-size:24px;} #Down .mess-wrapper .form_width{background:#ffffff; padding:26px 46px 46px; border-radius:0 0 20px 20px;} #Down .mess-wrapper .h4_1{font-size:16px; color:#666666; padding-bottom:22px; text-align:center;} #Down .mess-wrapper .li_1{width:100%; margin-bottom:10px; float:left; background:#efefef; padding:13px 24px; line-height:28px; position:relative;} #Down .mess-wrapper .input{background:none; border:none; padding:0 5px; outline: none; width:79%; height:28px; line-height:28px;} #Down .mess-wrapper .input_1{width:40%;} #Down .mess-wrapper .i{float:left; font-size:16px; color:#666666; line-height:28px;} #Down .mess-wrapper .b{color:#104492; font-size:16px;} #Down .mess-wrapper .li_2{width:49%; margin-right:2%; float:left;} #Down .mess-wrapper .li_3{margin-right:0;} #Down .mess-wrapper .li_4{background:#104492;} #Down .mess-wrapper .tj{background:none; border:none; width:100%; height:100%; outline: none; color:#ffffff; font-size:18px;} #Down .mess-wrapper .ri{padding-left:100px;} #Down .mess-wrapper .demo--label{float:left; margin:0 5px; font-size:16px; color:#666666;} #Down .mess-wrapper .demo--radio{display:none; } #Down .mess-wrapper .demo--radioInput{background-color:#fff;border:1px solid #d4d4d4;border-radius:100%;display:inline-block;height:11px;margin-right:10px;margin-top:-1px;vertical-align:middle;width:11px;line-height:1; position:relative;} #Down .mess-wrapper .demo--radio:checked + .demo--radioInput:after{background-color:#104492;border-radius:100%;content:"";display:inline-block;height:5px;margin-left:2.5px;margin-top:2px;width:5px;position: absolute;} #Down .mess-wrapper .demo--checkbox.demo--radioInput,.demo--radio:checked + .demo--checkbox.demo--radioInput:after{border-radius:0} #Down .mess-wrapper .demo--radio:checked + .demo--radioInput{border:1px solid #104492;} #Down .mess-wrapper .span_d{float:right; position:absolute; right:24px; top:13px;} #Down .mess-wrapper .span_d img{display:block;} #Down .mess-wrapper .pointa{position:absolute; right:18px; top:20px; display:block; display: inline-block;width: 22px;height: 22px; cursor: pointer;} #Down .mess-wrapper .pointa:hover .navbtna, #Down .mess-wrapper .pointa:hover .navbtna::after, #Down .mess-wrapper .pointa:hover .navbtna::before { width: 22px; } #Down .mess-wrapper .pointa .navbtna { position: absolute; top: 8px; right: 0; display: inline-block; width: 16px; height: 2px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background:rgba(255,255,255,0.9); background: transparent; } #Down .mess-wrapper .pointa .navbtna::after, #Down .mess-wrapper .pointa .navbtna::before { position: absolute; right: 0; display: inline-block; width: 22px; height: 2px; content: ''; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background:rgba(255,255,255,0.9); } #Down .mess-wrapper .pointa .navbtna::after { top:-8px;} #Down .mess-wrapper .pointa .navbtna::before { top:8px;} #Down .mess-wrapper .pointa .navbtna::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; background:rgba(255,255,255,0.9);} #Down .mess-wrapper .pointa .navbtna::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px; background:rgba(255,255,255,0.9);} #Down .visible-lg{display:block!important;} @media screen and (max-width:1630px){ #Down .d_footer .right_d{width:18.5%;} #Down .d_footer .ul_a{width:86%;} } @media screen and (max-width:1300px){ #Down .d_footer .right_d{width:22.5%;} #Down .d_footer .ul_a{width:84%;} #Down .d_footer .ul_left{width:77.5%;} } @media screen and (max-width:992px){ #Down .d_footer .right_d{width:30%; float:left; margin-top:20px;} #Down .d_footer .ul_a{width:78%;} #Down .d_footer .ul_left{width:100%; margin:0;} } @media screen and (max-width:768px){ #Down .d_footer .top_d{padding: 30px 0 20px;} #Down .d_footer .ul_left .h4_a .b{display:block;} #Down .d_footer .ul_left .h4_a{line-height:36px; font-size:15px; height:36px;padding: 0 15px; } #Down .d_footer .ul_left .h4_a::after{display:none;} #Down .d_footer .ul_left ul{display:none; margin:0; padding:0 15px;} #Down .d_footer .ul_left .li_f{width:49%; margin-bottom:15px; border:1px solid #bdbebf;} #Down .d_footer .ul_left .li_f:nth-child(2n){margin-right:0;} #Down .d_footer .ul_left .li_f:nth-of-type(4){ display:none;} #Down .d_footer .ul_left .li_f:last-child{ margin-right:0;} #Down .d_footer .right_d{width:100%; margin: 0 0 10px;} #Down .d_footer .ul{margin-top:20px; padding:15px 0;} #Down .d_footer .top_g{ display:none;} #Down .d_footer .bot_g{ display:flex; display: -webkit-flex;justify-content:center;padding-left: 0;} #Down .d_footer .ul .span{position:absolute; right:0; top:20;} #Down .d_footer .ul_a{width:100%; margin-top:10px;} #Down .bottom_d{text-align:center;} #Down .bottom_d .span_3, #Down .bottom_d .span_4{width:100%; line-height:22px; font-size:14px;} #Down .q_d_m{float:left; width:100%; height:50px;} #Down .pf_down{ width:100%; float:left; position:fixed; left:0; bottom:0; background:#fff; height:50px; z-index:99;} #Down .pf_down li{ width:25%; float:left; text-align:center; padding:0 0 5px 0; position:relative;} #Down .pf_down li .ico{ width:100%; float:left; height:30px;} #Down .pf_down li .ico img{ height:36px;} #Down .pf_down li .name{ width:100%; float:left; margin-top:0px; font-size:14px; color:#929292; line-height:14px;} #Down .pf_down li.l1 a{ display:inline-block; *zoom:1; *display:inline; width:56px; height:56px; background:rgba(255,255,255,0.8); border:solid 2px #104492; margin-top:-20px; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} #Down .visible-lg{display:none!important;} #Down .mess-wrapper .mess_width{width:90%; top:10%;} #Down .mess-wrapper .top_1{line-height:44px; font-size:18px;border-radius:15px 15px 0 0;} #Down .mess-wrapper .pointa{right:12px; top:10px;} #Down .mess-wrapper .form_width{padding:15px 20px 20px; overflow-y: auto; height:400px;border-radius: 0 0 15px 15px;} #Down .mess-wrapper .h4_1{font-size:14px; padding-bottom:15px;} #Down .mess-wrapper .li_2{width:100%;} #Down .mess-wrapper .li_1{padding:10px 15px; line-height:24px;} #Down .mess-wrapper .i{line-height:24px; font-size:14px;} #Down .mess-wrapper .input{line-height:24px; height:24px; font-size:14px;} #Down .mess-wrapper .li_11 .input{width:60%;} #Down .mess-wrapper .demo--label{font-size:14px;} #Down .mess-wrapper .span_d{width:100px; right:10px; top:10px;} #Down .mess-wrapper .tj{font-size:15px;} #Down .mess-wrapper .li_4{padding:8px 10px;} /* 定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸 */ #Down .mess-wrapper .form_width::-webkit-scrollbar { width:10px; height:10px; background-color: #F5F5F5;} /* 定义滚动条轨道 内阴影+圆角 */ #Down .mess-wrapper .form_width::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #F5F5F5;} /* 定义滑块 内阴影+圆角 */ #Down .mess-wrapper .form_width::-webkit-scrollbar-thumb {-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color: rgba(16,68,146,.9);} } /*面包屑 开始*/ .ly_crumb {overflow:hidden; margin:20px auto; padding:0 0 0 24px; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .ly_crumb img { display:block; width:20px; height:20px; overflow:hidden; margin:0; padding:0; position:absolute; left:0; top:10px;} .ly_crumb p { width:100%; height:40px; overflow:hidden; line-height:40px; color:#333; font-size:15px; white-space:nowrap; text-overflow: ellipsis; margin:0; padding:0;} .ly_crumb p a { color:#333;} .ly_crumb p a:hover { color:#104492;} .ly_crumb p span { color:#777;} @media screen and (max-width:1079px) and (min-width:1024px) { .ly_crumb p { height:auto;} } @media screen and (max-width:1023px) and (min-width:768px) { .ly_crumb {margin:20px auto;} .ly_crumb img { top:4px;} .ly_crumb p { height:auto; line-height:28px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: inherit;} } @media (max-width: 767px) { .ly_crumb {margin:20px auto;} .ly_crumb img { top:4px;} .ly_crumb p { height:auto; line-height: 28px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space:inherit; padding:0;} } /*产品中心*/ #List .pro_list{width:100%; display:block; float:left;} #List .pro_list .pro_left{width:21.754%; float:left;} #List .pro_list .pro_left .top_a{width:100%; background:url(../images/914_cp_bg1.png)no-repeat #104492; border-radius:0 30px 0 0; background-size:100% 100%; height:115px; display:block; padding:30px 22px; } #List .pro_list .pro_left .h3_a{color:#ffffff; font-size:28px; font-weight:bold;display:block;} #List .pro_list .pro_left .b_a{color:#ffffff; font-size:18px; font-weight:bold; line-height:24px;display:block;} #List .pro_list .bottom_a{dispaly:block; width:100%;} #List .pro_list .bottom_a .h4_a{display:none;} #List .pro_list .bottom_a .li_a{margin-bottom:2px; width:100%; } #List .pro_list .bottom_a .li_a .h5_a{background:#363e45; padding:18px 20px 18px 46px; display:block; width:100%; position:relative; font-size:18px; color:#ffffff; cursor: pointer; } #List .pro_list .bottom_a .li_a .h5_a .b{position: absolute; left:20px;top:56%; width: 6px;height: 6px; float: right; border-top:solid 1px #ffffff; border-right: solid 1px #ffffff;margin-top: -5px; cursor: pointer;transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);-o-transform: rotate(-45deg); -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } #List .pro_list .bottom_a .li_a .h5_a.active .b{ transform: rotate(135deg);-webkit-transform: rotate(135deg); -moz-transform: rotate(135deg);-o-transform: rotate(135deg); margin-top: -7px; } #List .pro_list .bottom_a .li_a .ul_a{width:100%; display:none; padding:0 20px; border:1px solid #dadada; border-top:none; border-bottom:none; } #List .pro_list .bottom_a .li_a .li_b{width:100%; border-bottom:1px dashed #dadada; padding:20px 25px;} #List .pro_list .bottom_a .li_a .li_b a{width:100%; padding:0; display:block; height:100%; color:#333333; font-size:16px; } #List .pro_list .bottom_a .li_a .li_b:last-child{border:none;} #List .pro_list .bottom_a .li_a .li_b:hover a{color:#104492;} #List .pro_list .pro_right{float:right; width:74%;} #List .pro_list .pro_right .pro_ul{width:100%; display:block;} #List .pro_list .pro_right .li_c{width:31.3333%; float:left; margin:0 3% 4% 0; padding-bottom:20px;} #List .pro_list .li_c:nth-child(3n){margin-right:0;} #List .pro_list .li_c a{width:100%; display:block;position:relative; padding:0 0 50px; background:#f0f0f0; border:1px solid #f0f0f0; height:100%;transition:all 0.5s ease;} #List .pro_list .li_c .pic{display:block; overflow: hidden;} #List .pro_list .li_c img{display:block;transition:all 0.5s ease;} #List .pro_list .li_c .h4_b{display:block; padding:16px 20px 0; line-height:40px; color:#333333; font-size:18px; width:100%; text-align:center;transition:all 0.5s ease; } #List .pro_list .li_c .p_b{line-height:30px; color:#888888; font-size:14px; text-align:center; display:block; width:100%;transition:all 0.5s ease; padding:0 20px;} #List .pro_list .li_c .more{position:absolute; left:50%;margin-left:-27px; bottom:-20px; z-index:2; border:4px solid #f0f0f0; background:#ffffff; line-height:48px; width:54px; height:54px; text-align:center; color:#b3b3b3; font-size:14px; border-radius:50%;transition:all 0.5s ease; } #List .pro_list .li_c:hover a{background:#363e45;} #List .pro_list .li_c:hover .h4_b, #List .pro_list .li_c:hover .p_b, #List .pro_list .li_c:hover .more{color:#ffffff;} #List .pro_list .li_c:hover .more{border:4px solid #104492; background:#104492;} #List .pro_list .li_c:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } /*内页-关于我们 开始*/ .ly_NyAboutus { width:100%; min-height: 480px; overflow:hidden; margin:0 auto 60px; padding:0;} .lm_nav { margin: 30px auto; } .lm_nav ul { width: 100%; margin: 0 auto; text-align:center; } .lm_nav ul li { display:inline-block; width:144px; height: 53px; line-height: 53px; font-size: 17px; text-align: center; background: #eee; cursor: pointer; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; margin-right:15px; border-radius: 5px; } .lm_nav ul li:hover, .lm_nav li.on { background: #104492; } .lm_nav ul li:hover a, .lm_nav ul li.on a { color: #fff; } .lm_nav ul li a { width: 100%; height: 100%; display: block; color: #666; } @media screen and (max-width:1199px) and (min-width:1080px) { } @media screen and (max-width:1079px) and (min-width:1024px) { } @media screen and (max-width:1023px) and (min-width:768px) { } @media (max-width: 767px) { .lm_nav { margin: 30px auto 0; } .lm_nav ul { width: 100%; } .lm_nav ul li { width:115px; font-size: 15px; height: 45px;line-height: 45px;margin-right: 5px; } } /*关于我们-公司简介 开始*/ .ny_title { width:100%; overflow:hidden; margin:0 auto 40px; padding:0;} .ny_title b { display:block; width:100%; height:40px; overflow:hidden; line-height:40px; color:#333; font-size:32px; font-weight:bold; text-align:center; margin:0 auto; padding:0;} .ny_title p { width:100%; height:auto; text-align:center; margin:10px auto; padding:0;} .ny_title p img { display:inline-block; width:20px; height:20px; vertical-align:middle; margin:-2px 0 0; padding:0;} .ny_title p i { display:inline-block; width:120px; height:1px; overflow:hidden; margin:-2px 16px 0; padding:0; vertical-align:middle; background-color:#dfdfdf;} .ny_title span { display:block; width:100%; height:20px; overflow:hidden; line-height:20px; color:#999; font-size:16px; text-align:center; margin:0 auto; padding:0;} .ly_Gsjj {overflow:hidden; margin:0 auto 60px; padding:0;} .lyGsjj_main { width:100%; overflow:hidden; margin:0 auto; padding:0;} .lyGsjj_main .lyGsjj_img { width:100%; overflow:hidden; margin:0 auto 40px; padding:0;} .lyGsjj_img img { display:block; width:auto!important; height:auto!important; max-width:100%; margin:0 auto; padding:0;} .lyGsjj_main .lyGsjj_text { width:100%; overflow:hidden; margin:0 auto; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .lyGsjj_name em { display:block; width:60px; height:2px; overflow:hidden; margin:10px auto 0; padding:0; background-color:#d12135;} .lyGsjj_text p { width:100%; overflow:hidden; line-height:30px; color:#777777; font-size:15px; text-align:justify; _text-indent:2em; word-break: break-all; margin:0 auto; padding:0;} .lyGsjj_text p span, .lyGsjj_text p em { color:#777777!important; font-family:Arial,\5FAE\8F6F\96C5\9ED1,Helvetica,sans-serif!important; font-size:14px!important; font-style:normal!important; font-weight:normal!important;} @media screen and (max-width:1299px) and (min-width:1080px) { .ly_Gsjj { width:90%;} } @media screen and (max-width:1079px) and (min-width:1024px) { .ly_NyAboutus { margin:0 auto 40px;} .ny_title { margin:0 auto 30px;} .ly_Gsjj { width:96%; margin:0 auto 40px;} .lyGsjj_main .lyGsjj_img { margin:0 auto 30px;} } @media screen and (max-width:1023px) and (min-width:768px) { .ly_NyAboutus { margin:0 auto 40px;} .ny_title { margin:0 auto 20px;} .ny_title b { height:36px; line-height:36px; font-size:28px;} .ly_Gsjj { width:96%; margin:0 auto 40px;} .lyGsjj_main .lyGsjj_img { margin:0 auto 20px;} } @media (max-width: 767px) { .ly_NyAboutus { margin:0 auto 40px;} .ny_title { margin:0 auto 20px;} .ny_title b { font-size:24px; line-height:32px; height:auto;} .ny_title p { margin:8px auto;} .ly_Gsjj { width:94%; margin:0 auto 40px;} .lyGsjj_main .lyGsjj_img { margin:0 auto 20px;} .lyGsjj_text p { line-height:24px; font-size:14px;} } @media (max-width: 320px) { .ny_title b { font-size:22px; line-height:30px; height:auto;} .ny_title p { margin:8px auto;} .ny_title p i { width:80px;} .ny_title span { font-size:14px;} } /*关于我们-公司简介 结束*/ /*关于我们-生产实力 开始*/ .ly_AboutScsl { width:100%; overflow:hidden; margin:60px auto; padding:60px 0; background-color:#f8f8f8;} .ly_AboutScsl .lyAboutScsl_main { width:1200px; overflow:hidden; margin:0 auto; padding:0;} .lyAboutScsl_main .lyAboutScsl_con { width:100%; overflow:hidden; margin:40px auto; padding:0;} .lyAboutScsl_con p { width:100%; overflow:hidden; line-height:30px; color:#777; font-size:16px; text-align:justify; margin:0 auto; padding:0;} .lyAboutScsl_main ul li { width:23.5%; height:210px; overflow:hidden; margin:0 2% 0 0; padding:0; float:left; position:relative;} .lyAboutScsl_main ul li:last-child { margin:0;} .lyAboutScsl_main ul li img { display:block; max-width:100%; max-height:100%; overflow:hidden; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .lyAboutScsl_main ul li:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);} @media screen and (max-width:1299px) and (min-width:1080px) { .ly_AboutScsl .lyAboutScsl_main { width:90%;} .lyAboutScsl_main ul li { height:170px;} } @media screen and (max-width:1079px) and (min-width:1024px) { .ly_AboutScsl { margin:40px auto; padding:40px 0;} .ly_AboutScsl .lyAboutScsl_main { width:96%;} .lyAboutScsl_main .lyAboutScsl_con { margin:30px auto;} .lyAboutScsl_main ul li { height:170px;} } @media screen and (max-width:1023px) and (min-width:768px) { .ly_AboutScsl { margin:40px auto; padding:40px 0;} .ly_AboutScsl .lyAboutScsl_main { width:96%;} .lyAboutScsl_main .lyAboutScsl_con { margin:20px auto;} .lyAboutScsl_main ul li { height:130px;} } @media (max-width: 767px) { .ly_AboutScsl { margin:40px auto; padding:40px 0 20px;} .ly_AboutScsl .lyAboutScsl_main { width:94%;} .lyAboutScsl_main .lyAboutScsl_con { margin:20px auto;} .lyAboutScsl_con p { line-height:24px; font-size:14px;} .lyAboutScsl_main ul li { width:48%; height:140px; margin:0 4% 20px 0;} .lyAboutScsl_main ul li:nth-child(2n+2) { margin:0 0 20px;} } @media (max-width: 320px) { .lyAboutScsl_main ul li { width:100%; height:210px; margin:0 auto 20px;} } /*关于我们-生产实力 结束*/ /*关于我们-企业文化 开始*/ .ly_AboutQywh { width:100%; overflow:hidden; margin:0 auto; padding:0;} .lyAboutQywh_list { width:1200px; height:auto; margin:0 auto; padding:20px 0; background:url(../images/AboutQywh_bg.jpg) center center no-repeat; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .lyAboutQywh_list ul li { width:50%; overflow:hidden; margin:40px 0 0 ; padding:0; float:left;} .lyAboutQywh_list ul li .lyAboutQywh_tit { width:100%; height:30px; overflow:hidden; line-height:30px; color:#686461; font-size:22px; font-weight:bold; margin:0 auto 8px; padding:0;} .lyAboutQywh_list ul li p { width:100%; height:48px; overflow:hidden; line-height:24px; color:#777; font-size:14px; text-align:justify; margin:0 auto; padding:0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .lyAboutQywh_list ul li:nth-child(1) { padding:0 18% 0 0;} .lyAboutQywh_list ul li:nth-child(3) { width:50%; padding:0 24% 0 0;} .lyAboutQywh_list ul li:nth-child(5) { padding:0 18% 0 0;} .lyAboutQywh_list ul li:nth-child(2) { padding:0 0 0 18%;} .lyAboutQywh_list ul li:nth-child(4) { width:50%; padding:0 0 0 24%;} .lyAboutQywh_list ul li:nth-child(6) { padding:0 0 0 18%;} .lyAboutQywh_list ul li:nth-child(1) .lyAboutQywh_tit, .lyAboutQywh_list ul li:nth-child(3) .lyAboutQywh_tit, .lyAboutQywh_list ul li:nth-child(5) .lyAboutQywh_tit, .lyAboutQywh_list ul li:nth-child(1) p, .lyAboutQywh_list ul li:nth-child(3) p, .lyAboutQywh_list ul li:nth-child(5) p { text-align:right;} .lyAboutQywh_list ul li i { display:none;} @media screen and (max-width:1299px) and (min-width:1080px) { .ly_AboutQywh { width:90%;} .lyAboutQywh_list { width:100%; background-size: 340px 340px;} } @media screen and (max-width:1079px) and (min-width:1024px) { .ly_AboutQywh { width:96%;} .lyAboutQywh_list { width:100%; background-size: 360px 360px;} } @media screen and (max-width:1023px) and (min-width:768px) { .ly_AboutQywh { width:96%;} .lyAboutQywh_list { width:100%; background-size: 260px 260px;} .lyAboutQywh_list ul li { width:50%; margin:20px 0;} .lyAboutQywh_list ul li .lyAboutQywh_tit { font-size:20px; margin:0 auto 4px;} .lyAboutQywh_list ul li:nth-child(1) { padding:0 15% 0 0;} .lyAboutQywh_list ul li:nth-child(3) { width:50%; padding:0 20% 0 0;} .lyAboutQywh_list ul li:nth-child(5) { padding:0 15% 0 0;} .lyAboutQywh_list ul li:nth-child(2) { padding:0 0 0 15%;} .lyAboutQywh_list ul li:nth-child(4) { width:50%; padding:0 0 0 20%;} .lyAboutQywh_list ul li:nth-child(6) { padding:0 0 0 15%;} } @media (max-width: 767px) { .ly_AboutQywh { width:94%;} .lyAboutQywh_list { width:100%; background: none; padding:0;} .lyAboutQywh_list ul li { width:100%!important; margin:0 auto 20px; padding:0 0 0 40px!important; position:relative; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .lyAboutQywh_list ul li:nth-of-type(6){margin:0 auto;} .lyAboutQywh_list ul li .lyAboutQywh_tit { font-size:22px; margin:0 auto 4px; text-align:left!important;} .lyAboutQywh_list ul li p { height:auto; text-align:left!important; -webkit-line-clamp: 100000;} .lyAboutQywh_list ul li i { display:block; width:24px; height:24px; overflow:hidden; line-height:24px; color:#fff; font-size:14px; font-weight:bold; text-align:center; background-color:#104492; border-radius:50%; position:absolute; left:0; top:3px;} } @media (max-width: 320px) { .lyAboutQywh_list ul li .lyAboutQywh_tit { font-size:18px;} } /*关于我们-企业文化 结束*/ /*内页-关于我们 结束*/ /*内页-产品中心 开始*/ .ly_NyProducts { width:100%; height:auto; min-height: 480px; margin:0 auto 60px; padding:0;} .ly_NyProducts .lyNyPro_main {height:auto; padding:0;} .lyNyPro_main .lyNyPro_left { width:21%; overflow:hidden; margin:0; padding:0; float:left;} .lyNyPro_main .lyNyPro_right { width:76%; height:auto; margin:0; padding:0; float:right;} .lyNyPro_right .lyNyPro_list { width:100%; min-height:320px; overflow:hidden; margin:0 auto; padding:0;} .lyNyPro_list ul li { width:32%; overflow:hidden; margin:0 2% 20px 0; padding:10px; background-color:#f6f6f6; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .lyNyPro_list ul li:nth-child(3n+3) { margin:0 0 20px;} .lyNyPro_list ul li .lyNyPro_img { width:100%; height:274px; overflow:hidden; margin:0 auto 10px; padding:0;} .lyNyPro_list ul li .lyNyPro_img a { display:block; width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0; background-color:#fff; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .lyNyPro_list ul li .lyNyPro_img a img.NyPro_img { display:block; max-width:100%; max-height:100%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0; z-index:1; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .lyNyPro_list ul li:hover .lyNyPro_img a img.NyPro_img { -webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);} .lyNyPro_list ul li .lyNyPro_name { width:100%; height:40px; overflow:hidden; margin:0 auto; padding:0;} .lyNyPro_list ul li .lyNyPro_name a { display:block; width:100%; height:40px; overflow:hidden; line-height:40px; color:#555; font-size:16px; text-align:center; white-space:nowrap; text-overflow: ellipsis; margin:0 auto; padding:0;} .lyNyPro_list ul li:hover .lyNyPro_name a { color:#104492;} .lyNyPro_list ul li .lyNyPro_btn { width:100%; height:32px; overflow:hidden; margin:10px auto; padding:0 10%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .lyNyPro_btn a { display:block; width:44%; height:32px; overflow:hidden; line-height:32px; color:#fff; font-size:14px; text-align:center; background-color:#104492; margin:0 12% 0 0; padding:0; float:left;} .lyNyPro_btn a:last-child { margin:0;} .lyNyPro_btn a:hover { background-color:#fe9b02; color:#fff;} @media screen and (max-width:1299px) and (min-width:1080px) { .ly_NyProducts .lyNyPro_main { width:100%;} .lyNyPro_list ul li .lyNyPro_img { height:216px; margin:0 auto 4px;} } @media screen and (max-width:1079px) and (min-width:1024px) { .ly_NyProducts { width:96%; margin:0 auto 40px;} .ly_NyProducts .lyNyPro_main { width:100%;} .lyNyPro_main .lyNyPro_left { width:100%; margin:0 auto 20px;} .lyNyPro_main .lyNyPro_right { width:100%; margin:0 auto;} } @media screen and (max-width:1023px) and (min-width:768px) { .ly_NyProducts { width:96%; margin:0 auto 40px;} .ly_NyProducts .lyNyPro_main { width:100%;} .lyNyPro_main .lyNyPro_left { width:100%; margin:0 auto 20px;} .lyNyPro_main .lyNyPro_right { width:100%; margin:0 auto;} .lyNyPro_list ul li { width:31.7%; margin:0 2.45% 20px 0;} .lyNyPro_list ul li .lyNyPro_img { height:214px;} .lyNyPro_list ul li .lyNyPro_btn { padding:0 6%;} } @media (max-width: 767px) { .ly_NyProducts { width:94%; margin:0 auto 40px;} .ly_NyProducts .lyNyPro_main { width:100%;} .lyNyPro_main .lyNyPro_left { width:100%; margin:0 auto 20px;} .lyNyPro_main .lyNyPro_right { width:100%; margin:0 auto;} .lyNyPro_list ul li { width:48%; margin:0 4% 20px 0;} .lyNyPro_list ul li:nth-child(3n+3) { margin:0 4% 20px 0;} .lyNyPro_list ul li:nth-child(2n+2) { margin:0 0 20px;} .lyNyPro_list ul li .lyNyPro_img { height:167px; margin:0 auto;} .lyNyPro_list ul li .lyNyPro_name a { height:40px; line-height:40px; font-size:15px;} .lyNyPro_list ul li .lyNyPro_btn { margin:0 auto 10px; padding:0;} } @media (max-width: 375px) { .lyNyPro_list ul li .lyNyPro_img { height:150px;} .lyNyPro_list ul li .lyNyPro_btn { margin:0 auto 4px;} .lyNyPro_btn a { width:47.5%; margin:0 5% 0 0;} } @media (max-width: 320px) { .lyNyPro_list ul li { width:100%; margin:0 auto 20px;} .lyNyPro_list ul li .lyNyPro_img { height:274px;} .lyNyPro_list ul li .lyNyPro_name { margin:4px auto;} .lyNyPro_list ul li .lyNyPro_btn { padding:0 4%;} } /*ny_banner 开始*/ .ny_banner { width:100%; height:300px; overflow:hidden; margin:0 auto; padding:0; background-color:#fff; position:relative;} .ny_banner img { display:block; width:1920px; height:300px; overflow:hidden; margin:-150px 0 0 -960px; padding:0; position:absolute; left:50%; top:50%;} @media screen and (max-width:1299px) and (min-width:1080px) { .ny_banner { height:250px;} .ny_banner img { width:1600px; height:250px; margin:-125px 0 0 -800px;} } @media screen and (max-width:1079px) and (min-width:1024px) { .ny_banner { height:220px;} .ny_banner img { width:1408px; height:220px; margin:-110px 0 0 -704px;} } @media screen and (max-width:1023px) and (min-width:768px) { .ny_banner { height:200px;} .ny_banner img { width:1280px; height:200px; margin:-100px 0 0 -640px;} } @media (max-width: 767px) { .ny_banner { height:120px;} .ny_banner img { width:768px; height:120px; margin:-60px 0 0 -384px;} } /*ny_banner 结束*/ /*产品分类 开始*/ .lyNyPro_left .h_left { width:100%; overflow:hidden; background-color:#fff; margin:0;} .lyNyPro_left .cp_type {} .lyNyPro_left .cp_type .hd { text-align:center; background-color:#104492; padding:20px;} .lyNyPro_left .cp_type .hd p { height:36px; line-height:36px; font-size:26px; color:#fff; text-align:center;} .lyNyPro_left .cp_type .hd span { display:block; height:24px; line-height:24px; font-size:22px; color:#fff; text-align:center; opacity:0.5;} .lyNyPro_left .cp_type .bd { border:2px solid #104492; border-top:0; padding:10px 5px;} .lyNyPro_left .cp_type .bd ul li { border-bottom:1px dashed #dfdfdf;} .lyNyPro_left .cp_type .bd ul li.on { border:0; margin-bottom:1px;} .lyNyPro_left .cp_type .bd ul li p { height:50px; line-height:50px;} .lyNyPro_left .cp_type .bd ul li p a { display:block; width:80%; padding:0 0 0 20px; overflow: hidden; line-height:50px; color:#333; font-size:16px; white-space:nowrap; text-overflow: ellipsis; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .lyNyPro_left .cp_type .bd ul li p span { display:block; width:20%; height:100%; background:url(../images/mulu1.png) center center no-repeat; cursor:pointer; float:left;} .lyNyPro_left .cp_type .bd ul li div { background:#f6f6f6; display:none;} .lyNyPro_left .cp_type .bd ul li div a { display:block; height:44px; line-height:44px; color:#797979; font-size:14px; border-top:1px dashed #dfdfdf; padding:0 20px 0 36px; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; background:url(../images/icon4.png) 20px center no-repeat;} .lyNyPro_left .cp_type .bd ul li div a:first-child { border-top:0;} .lyNyPro_left .cp_type .bd ul li p:hover, .lyNyPro_left .cp_type .bd ul li.on p { background-color:#104492; border-left:4px solid #fac632;} .lyNyPro_left .cp_type .bd ul li p:hover a, .lyNyPro_left .cp_type .bd ul li.on p a { color:#fff;} .lyNyPro_left .cp_type .bd ul li p:hover span { background:url(../images/mulu2.png) center center no-repeat;} .lyNyPro_left .cp_type .bd ul li.on p span { background:url(../images/mulu3.png) center center no-repeat;} .lyNyPro_left .cp_type .bd ul li div a:hover { color:#104492; background:url(../images/icon5.png) 20px center no-repeat;} .lyNyPro_left .cp_type .bd ul a.ckqb { display:block; height:34px; line-height:34px; font-size:16px; color:#333; background:#f1f1f1; width:94%; margin:10px auto; text-align:center; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;cursor:pointer;} .lyNyPro_left .cp_type .bd ul a.ckqb:hover { background:#104492; color:#fff;} @media screen and (max-width:1299px) and (min-width:1080px) { .lyNyPro_left .cp_type .bd ul li p a { padding:0 0 0 12px;} .lyNyPro_left .cp_type .bd ul li div a { padding:0 12px 0 28px;} .lyNyPro_left .cp_type .bd ul li div a { background:url(../images/icon4.png) 12px center no-repeat;} .lyNyPro_left .cp_type .bd ul li div a:hover { color:#104492; background:url(../images/icon5.png) 12px center no-repeat;} } @media screen and (max-width:1079px) and (min-width:1024px) { .lyNyPro_left .cp_type { margin:0;} .lyNyPro_left .cp_type .hd p:before { display:none;} .lyNyPro_left .cp_type .hd { background:#104492 url(../images/down1.png) 96% center no-repeat;padding: 10px 20px;text-align:left;overflow:hidden;} .lyNyPro_left .cp_type .hd.on { background:#104492 url(../images/up1.png) 96% center no-repeat;} .lyNyPro_left .cp_type .hd span { display:block; height:40px; line-height:40px; float:left;} .lyNyPro_left .cp_type .hd p { padding:0; display:block; font-size:24px; float:left; min-width:88px; margin:0 10px 0 0;} .lyNyPro_left .cp_type .bd { display:none;} .lyNyPro_left .cp_type .bd ul li:last-child { border:0;} .lyNyPro_left .cp_type .bd ul li p a { width:90%; line-height:48px; font-size:16px;} .lyNyPro_left .cp_type .bd ul li div a { font-size:14px;} .lyNyPro_left .cp_type .bd ul li p { height:48px;line-height:48px;} .lyNyPro_left .cp_type .bd ul li div a { height:44px;line-height:44px;} .lyNyPro_left .cp_type .bd ul li p span { background-size: 20px; width:10%; float:right;} .lyNyPro_left .cp_type .bd ul li.on p span { background-size: 20px;} .lyNyPro_left .cp_type .bd ul li p:hover span { background-size: 20px;} } @media screen and (max-width:1023px) and (min-width:768px) { .lyNyPro_left .cp_type { margin:0;} .lyNyPro_left .cp_type .hd p:before { display:none;} .lyNyPro_left .cp_type .hd { background:#104492 url(../images/down1.png) 96% center no-repeat;padding: 10px 20px;text-align:left;overflow:hidden;} .lyNyPro_left .cp_type .hd.on { background:#104492 url(../images/up1.png) 96% center no-repeat;} .lyNyPro_left .cp_type .hd span { display:block; height:40px; line-height:40px; float:left;} .lyNyPro_left .cp_type .hd p { padding:0; display:block; font-size:24px; float:left; min-width:88px; margin:0 10px 0 0;} .lyNyPro_left .cp_type .bd { display:none;} .lyNyPro_left .cp_type .bd ul li:last-child { border:0;} .lyNyPro_left .cp_type .bd ul li p a { width:89%; line-height:48px; font-size:16px;} .lyNyPro_left .cp_type .bd ul li div a { font-size:14px;} .lyNyPro_left .cp_type .bd ul li p { height:48px;line-height:48px;} .lyNyPro_left .cp_type .bd ul li div a { height:44px;line-height:44px;} .lyNyPro_left .cp_type .bd ul li p span { background-size: 20px; width:11%; float:right;} .lyNyPro_left .cp_type .bd ul li.on p span { background-size: 20px;} .lyNyPro_left .cp_type .bd ul li p:hover span { background-size: 20px;} } @media screen and (max-width:767px) { .lyNyPro_left .cp_type { margin:0;} .lyNyPro_left .cp_type .hd p:before { display:none;} .lyNyPro_left .cp_type .hd { background:#104492 url(../images/down1.png) 94% center no-repeat;padding: 6px 20px;text-align:left;overflow:hidden;} .lyNyPro_left .cp_type .hd.on { background:#104492 url(../images/up1.png) 94% center no-repeat;} .lyNyPro_left .cp_type .hd span { display:block; float:left; height:40px; line-height:40px; font-size:16px;} .lyNyPro_left .cp_type .hd p { padding:0; display:block; font-size:22px; float:left; min-width:88px; margin:0 10px 0 0;} .lyNyPro_left .cp_type .bd { display:none; padding:10px;} .lyNyPro_left .cp_type .bd ul li:last-child { border:0;} .lyNyPro_left .cp_type .bd ul li p a { width:85%; line-height:48px; font-size:16px;} .lyNyPro_left .cp_type .bd ul li div a { font-size:14px;} .lyNyPro_left .cp_type .bd ul li p { height:48px;line-height:48px;} .lyNyPro_left .cp_type .bd ul li div a { height:44px;line-height:44px;} .lyNyPro_left .cp_type .bd ul li p span { background-size: 20px; width:15%; float:right;} .lyNyPro_left .cp_type .bd ul li.on p span { background-size: 20px;} .lyNyPro_left .cp_type .bd ul li p:hover span { background-size: 20px;} } @media screen and (max-width:320px) { .lyNyPro_left .cp_type .bd ul li p a { width:83%;} .lyNyPro_left .cp_type .bd ul li p span { width:17%;} } /*产品分类 结束*/ /*内页-产品列表 开始*/ .nyPro_list { width:100%; height:auto; margin:0 auto 40px; padding:0;} .nyPro_list ul li { width:100%; height:auto; margin:0 auto 20px; padding:9px; background-color:#fff; border:1px solid #dfdfdf; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .nyPro_list ul li:hover { border:1px solid #fff; box-shadow:0 10px 20px rgba(0, 0, 0, 0.1);} .nyPro_list ul li .nyProList_img { width:20%; height:178px; overflow:hidden; margin:0; padding:0; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .nyPro_list ul li .nyProList_img a { display:block; width:100%; height:100%; overflow:hidden; margin:0; padding:0; background-color:#fff; position:relative;} .nyPro_list ul li .nyProList_img a img.nyPro_img { display:block; max-width:100%; max-height:100%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0; z-index:1; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .nyPro_list ul li:hover .nyProList_img a img.nyPro_img { -webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);} .nyPro_list ul li .nyProList_text { width:78%; height:178px; overflow:hidden; margin:0; padding:10px; float:right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .nyPro_list ul li .nyProList_text .nyProList_name { width:100%; overflow:hidden; margin:0 auto; padding:0;} .nyProList_text .nyProList_name a { display:block; width:100%; height:30px; overflow:hidden; line-height:30px; color:#333; font-size:18px; white-space:nowrap; text-overflow: ellipsis; margin:0 auto; padding:0;} .nyProList_text .nyProList_name a:hover { color:#104492;} .nyPro_list ul li .nyProList_text .nyProList_ms { width:100%; overflow:hidden; margin:0 auto; padding:0;} .nyProList_text .nyProList_ms p { width:100%; height:48px; overflow:hidden; line-height:24px; color:#797979; font-size:14px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; margin:0 auto; padding:0;} .nyPro_list ul li .nyProList_text .nyProList_tips { width:100%; overflow:hidden; margin:3px auto; padding:0;} .nyProList_text .nyProList_tips dl dd { display:inline-block; height:40px; overflow:hidden; line-height:40px; color:#aaa; font-size:14px; white-space:nowrap; text-overflow: ellipsis; margin:0; padding:0 10px 0 0; float:left;} .nyProList_text .nyProList_tips dl dd span { color:#333;} .nyPro_list ul li .nyProList_text .nyProList_btn { width:100%; overflow:hidden; margin:0 auto; padding:0;} .nyProList_text .nyProList_btn a { display:block; width:88px; height:34px; overflow:hidden; line-height:32px; color:#aaa; font-size:14px; text-align:center; margin:0 20px 0 0; padding:0; border:1px solid #dfdfdf; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .nyProList_text .nyProList_btn a:first-child { color:#fff; background-color:#104492; border:1px solid #104492;} .nyProList_text .nyProList_btn a:hover { color:#fff; background-color:#fe9b02; border:1px solid #fe9b02;} .lyNy_Xgwz { width:100%; overflow:hidden; margin:20px auto 0; padding:0;} .lyNy_Xgwz .Xgwz_tit { overflow:hidden; margin:0 auto; padding:20px; background-color:#104492;} .Xgwz_tit p { height:36px; line-height:36px; color:#fff; font-size:26px; text-align:center; margin:0 auto; padding:0;} .Xgwz_tit span { display:block; height:24px; line-height:24px; color:#fff; font-size:22px; text-align:center; text-transform: uppercase; margin:0 auto; padding:0; opacity: 0.5;} .lyNy_Xgwz .Xgwz_list { width:100%; min-height: 150px; overflow:hidden; margin:0 auto; padding:10px; border:1px solid #dfdfdf; border-top:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .lyNy_Xgwz .Xgwz_list ul li { width:100%; overflow:hidden; margin:0 auto; padding:0 0 0 20px; border-bottom:1px dashed #dfdfdf; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .lyNy_Xgwz .Xgwz_list ul li:last-child { border:0;} .lyNy_Xgwz .Xgwz_list ul li em { display: block; width: 20px; height: 20px; overflow: hidden; margin: 0; padding: 0; background: url(../images/jt2.png) center center no-repeat; position: absolute; left: 0; top: 14px;} .lyNy_Xgwz .Xgwz_list ul li:hover em { background: url(../images/jt3.png) center center no-repeat;} .lyNy_Xgwz .Xgwz_list ul li a { display:block; width:100%; height:48px; overflow:hidden; line-height:48px; color:#333; font-size:15px; white-space:nowrap; text-overflow: ellipsis; margin:0 auto; padding:0;} .lyNy_Xgwz .Xgwz_list ul li a:hover { color:#104492;} @media screen and (max-width:1299px) and (min-width:1080px) { .nyPro_list ul li .nyProList_img { width:25%;} .nyPro_list ul li .nyProList_text { width:73%;} } @media screen and (max-width:1079px) and (min-width:1024px) { .nyPro_list ul li { margin:0 auto 20px;} .nyPro_list ul li .nyProList_img { width:20%;} .nyPro_list ul li .nyProList_text { width:78%;} .lyNy_Xgwz { margin:20px auto 0;} .lyNy_Xgwz .Xgwz_tit { padding:10px 20px;} .Xgwz_tit p { padding: 0; display: block; font-size: 24px; float: left; line-height: 40px; min-width: 88px; margin: 0 10px 0 0;} .Xgwz_tit span { display: block; float: left; height: 40px; line-height: 40px;} .lyNy_Xgwz .Xgwz_list { padding:10px 20px;} } @media screen and (max-width:1023px) and (min-width:768px) { .nyPro_list ul li { margin:0 auto 20px;} .nyPro_list ul li .nyProList_img { width:27%;} .nyPro_list ul li .nyProList_text { width:71%;} .lyNy_Xgwz { margin:20px auto 0;} .lyNy_Xgwz .Xgwz_tit { padding:10px 20px;} .Xgwz_tit p { padding: 0; display: block; font-size: 24px; float: left; line-height: 40px; min-width: 88px; margin: 0 10px 0 0;} .Xgwz_tit span { display: block; float: left; height: 40px; line-height: 40px;} .lyNy_Xgwz .Xgwz_list { padding:10px 20px;} } @media (max-width: 767px) { .nyPro_list ul li { margin:0 auto 20px;} .nyPro_list ul li .nyProList_img { width:100%; height:274px; margin:0 auto 10px;} .nyPro_list ul li .nyProList_text { width:100%; height:auto;} .nyProList_text .nyProList_name a { height:40px; line-height:40px; font-size:18px;} .nyProList_text .nyProList_ms p { height:auto; max-height:48px; line-height:24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space:inherit;} .nyPro_list ul li .nyProList_text .nyProList_tips { margin:10px auto;} .nyProList_text .nyProList_tips dl dd { width:48%; height:30px; line-height:30px; margin:0 4% 0 0; padding:0;} .nyProList_text .nyProList_tips dl dd:nth-child(2n+2) { margin:0;} .nyPro_list ul li .nyProList_text .nyProList_btn { width:100%; margin:0 auto;} .nyProList_text .nyProList_btn a { width:48%; height:40px; line-height:38px; margin:0; float:left;} .nyProList_text .nyProList_btn a:first-child { margin:0 4% 0 0;} .lyNy_Xgwz { margin:20px auto 0;} .lyNy_Xgwz .Xgwz_tit { padding:6px 20px;} .Xgwz_tit p { padding: 0; display: block; font-size: 22px; float: left; line-height: 40px; min-width: 88px; margin: 0 10px 0 0;} .Xgwz_tit span { display: block; float: left; height: 40px; line-height: 40px; font-size:16px;} } /*内页-产品列表 结束*/ /*内页-成功案例 开始*/ .ly_NySuccesscase {height:auto; margin:0 auto 60px; padding:0;} .ly_NySuccesscase .lyNyCase_list { width:100%; height:auto; margin:0 auto; padding:0;} .lyNyCase_list ul li { width:31.667%; height:auto; overflow:hidden; margin:0 2.4995% 30px 0; padding:0; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .lyNyCase_list ul li:nth-child(3n+3) { margin:0 0 30px;} .lyNyCase_list ul li .idxCase_img { width:100%; height:280px; overflow:hidden; margin:0 auto 10px; padding:0;} .lyNyCase_list ul li .idxCase_img a { display:block; width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0; position:relative;} .lyNyCase_list ul li .idxCase_img a img { display:block;width:100%; height:auto; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .lyNyCase_list ul li:hover .idxCase_img a img { -webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);} .lyNyCase_list ul li .idxCase_text { width:100%; height:auto; margin:0 auto; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .lyNyCase_list ul li .idxCase_text .idxCase_name { width:100%; height:40px; margin:0 auto; padding:0; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .lyNyCase_list ul li .idxCase_text .idxCase_name a { display:block; width:100%; height:40px; overflow:hidden; line-height:40px; color:#333; font-size:20px; white-space: nowrap; text-overflow: ellipsis; margin:0; padding:0;} .lyNyCase_list ul li .idxCase_text span { display:block; width:100%; height:20px; overflow:hidden; line-height:20px; color:#999; font-size:14px; margin:4px auto 10px; padding:0;} .lyNyCase_list ul li .idxCase_text span img { display:block; width:20px; height:20px; overflow:hidden; margin:0 4px 0 0; padding:0; float:left;} .lyNyCase_list ul li:hover .idxCase_text .idxCase_name a { color:#104492;} .lyNyCase_list ul li .idxCase_text p { width:100%; height:48px; overflow:hidden; line-height:24px; color:#888; font-size:14px; word-break:break-all; margin:0 auto; padding:0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .lyNyCase_list ul li .idxCase_text a.idxCase_btn { display:block; width:120px; height:36px; overflow:hidden; line-height:36px; color:#fff; font-size:14px; text-align:center; margin:20px 0 0; padding:0; background-color:#333;} .lyNyCase_list ul li .idxCase_text a.idxCase_btn img { display:inline-block; width:20px; height:20px; overflow:hidden; vertical-align:middle; margin:-2px 0 0; padding:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .lyNyCase_list ul li:hover .idxCase_text a.idxCase_btn { background-color:#104492;} .lyNyCase_list ul li:hover .idxCase_text a.idxCase_btn img { margin:-2px 0 0 10px;} @media screen and (max-width:1299px) and (min-width:1080px) { .ly_NySuccesscase { width:90%;} .lyNyCase_list ul li .idxCase_img { height:226px;} } @media screen and (max-width:1079px) and (min-width:1024px) { .ly_NySuccesscase { width:96%; margin:0 auto 40px;} .lyNyCase_list ul li { width:32%; margin:0 2% 20px 0;} .lyNyCase_list ul li:nth-child(3n+3) { margin:0 0 20px;} .lyNyCase_list ul li .idxCase_img { height:232px;} .lyNyCase_list ul li .idxCase_text a.idxCase_btn { margin:12px 0 0;} } @media screen and (max-width:1023px) and (min-width:768px) { .ly_NySuccesscase { width:96%; margin:0 auto 40px;} .lyNyCase_list ul li { width:48.5%; margin:0 3% 20px 0;} .lyNyCase_list ul li:nth-child(3n+3) { margin:0 3% 20px 0;} .lyNyCase_list ul li:nth-child(2n+2) { margin:0 0 20px;} .lyNyCase_list ul li .idxCase_img { height:264px;} .lyNyCase_list ul li .idxCase_text a.idxCase_btn { margin:12px 0 0;} } @media (max-width: 767px) { .ly_NySuccesscase { width:94%; margin:0 auto;} .lyNyCase_list ul li { width:100%; margin:0 auto 20px;} .lyNyCase_list ul li:nth-child(3n+3) { margin:0 auto 20px;} .lyNyCase_list ul li .idxCase_img { height:280px;} .lyNyCase_list ul li .idxCase_text .idxCase_name a { font-size:18px;} .lyNyCase_list ul li .idxCase_text span { margin:0 auto 10px;} .lyNyCase_list ul li .idxCase_text a.idxCase_btn { margin:10px 0 0;} } @media (max-width: 414px) { .lyNyCase_list ul li .idxCase_img { height:280px;} } @media (max-width: 375px) { .lyNyCase_list ul li .idxCase_img { height:260px;} } @media (max-width: 320px) { .lyNyCase_list ul li .idxCase_img { height:222px; margin:0 auto 4px;} .lyNyCase_list ul li .idxCase_text .idxCase_name a { font-size:16px;} } /*内页-成功案例 结束*/ /*分页样式 开始*/ #fengye { text-align: center; margin: 20px auto 0; color: #555; font-size:14px;} #fengye a { display: inline-block; padding: 0 10px; background: #ddd; height: 30px; line-height: 30px; text-align: center; margin: 0 5px; border-radius: 2px; color: #555; font-size:14px;} #fengye a:hover { background: #104492; color: #ffffff; } #fengye a.pnnum1 { background: #104492; color: #ffffff; } #fengye input { display: inline-block; padding: 0 5px; background-color: #104492; width: 40px !important; height: 30px !important; line-height: 30px; text-align: center; margin: 0 5px; color: #fff; cursor: pointer; border: 0; outline:none;} #fengye .p_input { display: inline-block; padding: 0 5px; background: #ddd; height: 30px; line-height: 30px; text-align: center; margin: 0 5px; color: #555; cursor: default;} @media screen and (max-width:1299px) and (min-width:1080px) { } @media screen and (max-width:1079px) and (min-width:1024px) { #fengye {} } @media screen and (max-width:1023px) and (min-width:768px) { #fengye {} } @media (max-width: 767px) { #fengye { font-size:0;} #fengye input, #fengye .p_input { display:none;} #fengye a { height: 40px; line-height: 40px; padding: 0 20px;} } @media (max-width: 320px) { #fengye a { padding:0 12px;} } /*分页样式 结束*/ /*内页-产品详情 开始*/ .ly_NyProDetail {overflow:hidden; margin:0 auto 60px; padding:0;} .ly_NyProDetail .lyNyProDetail_con { width:100%; overflow:hidden; margin:0 auto; padding:0;} .lyNyProDetail_con .lyNyProDetail_left { width:25%; overflow:hidden; margin:0; padding:0; float:left;} .lyNyProDetail_con .lyNyProDetail_right { width:72%; overflow:hidden; margin:0; padding:0; float:right;} .lyNyProDetail_right .lyNyProDetail_ConTit { margin:0 auto 30px; padding:0; border-bottom:2px solid #a5a5a5;} .lyNyProDetail_ConTit p { width:102px; height:40px; overflow:hidden; line-height:40px; color:#fff; font-size:16px; text-align:center; margin:0; padding:0 19px; background-color:#a5a5a5;} .lyNyProDetail_right .lyNyProDetail_ConText { width:100%; overflow:hidden; line-height: 28px; color: #555; font-size: 14px; margin:0 auto 30px; padding:0;} .lyNyProDetail_ConText img, .lyNyProDetail_ConText table, .lyNyProDetail_ConText tr, .lyNyProDetail_ConText td, .lyNyProDetail_ConText p, .lyNyProDetail_ConText span, .lyNyProDetail_ConText div, .lyNyProDetail_ConText video, .lyNyProDetail_ConText embed { width:auto !important;height:auto !important;max-width:100% !important;max-height: 100%; line-height: 28px; color: #555; font-size: 14px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;white-space:normal;word-break:break-all;margin: 0!important;} .NyNewsdetail_con p span, .NyNewsdetail_con span, .NyNewsdetail_con p em, .NyNewsdetail_con em { color:#565656!important; font-family:Arial,\5FAE\8F6F\96C5\9ED1,Helvetica,sans-serif!important; font-size:15px!important;} .lyNyProDetail_ConText table tr td p { text-indent:0!important;} .lyNyProDetail_ConText img { display:inline-block; width:auto!important; height:auto!important; max-width:100%; margin:0 auto; padding:0; text-indent:0!important;} @media screen and (max-width:1079px) and (min-width:1024px) { .ly_NyProDetail {margin:0 auto 40px;} .lyNyProDetail_con .lyNyProDetail_left, .lyNyProDetail_con .lyNyProDetail_right { width:100%;} .lyNyProDetail_right .lyNyProDetail_ConTit { margin:0 auto 25px; padding:0;} } @media screen and (max-width:1023px) and (min-width:768px) { .ly_NyProDetail {margin:0 auto 40px;} .lyNyProDetail_con .lyNyProDetail_left, .lyNyProDetail_con .lyNyProDetail_right { width:100%;} .lyNyProDetail_con .lyNyProDetail_left { margin:0 auto 20px;} .lyNyProDetail_right .lyNyProDetail_ConTit { margin:0 auto 20px; padding:0;} } @media (max-width: 767px) { .ly_NyProDetail {margin:0 auto;} .lyNyProDetail_con .lyNyProDetail_left, .lyNyProDetail_con .lyNyProDetail_right { width:100%;} .lyNyProDetail_con .lyNyProDetail_right { margin:20px auto 0;} .lyNyProDetail_right .lyNyProDetail_ConTit { margin:0 auto 20px; padding:0;} .lyNyProDetail_right .lyNyProDetail_ConText { max-height:99999999999999999999999px;} .lyNyProDetail_ConText div { max-height:99999999999999999999999px;} } .pro_detail_main { width:100%; height:auto; margin: 0 auto 40px; padding: 0; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .pro_detail_main .pro_detail_img { width:480px; height: 480px; overflow: hidden; margin: 0; padding: 10px; border: 1px solid #eaeaea; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .pro_detail_img .pro_detail_img_main { width:100%; height: 100%; margin: 0 auto; padding: 0; position: relative;} .pro_detail_img_main img { display:block; max-width: 100%; max-height: 100%; margin: auto; padding: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0;} .pro_detail_main .pro_detail_text { width:53%; min-height:440px; overflow: hidden; margin: 0; padding: 0 0 80px; float: right; position:relative;} .pro_detail_text h1 { width:100%; overflow: hidden; line-height: 40px; color: #333; font-size: 30px; text-align: justify; margin: 0 auto; padding: 0;} .pro_detail_text .jyms { width:100%; height:140px; overflow:hidden; margin:20px auto; padding:20px; background-color:#f8f8f8; box-sizing: border-box;} .pro_detail_text .jyms p { width:100%; height:100px; overflow:hidden; line-height:25px; color:#888; font-size:14px; text-align: justify; margin:0 auto; padding:0; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 4;} .pro_detail_text .jyms p span { color:#333; font-weight: bold;} .pro_detail_text ul { width:100%; margin: 0 auto; padding: 0;} .pro_detail_text ul li { width:100%; height:32px; overflow: hidden; line-height: 32px; color: #888; font-size: 14px; text-align: justify; white-space:nowrap; text-overflow: ellipsis; margin: 0 auto; padding: 0;} .pro_detail_text ul li img { display:block; width:16px; height:16px; overflow:hidden; margin:7px 4px 7px 0; padding:0; float:left;} .pro_detail_text ul li span { color:#333;} .pro_detail_text .pro_detail_btn { width:100%; height: 60px; overflow: hidden; margin: 0 auto; padding: 0; position:absolute; left:0; bottom:0;} .pro_detail_btn a { display:block; width: 48%; height: 60px; overflow: hidden; line-height: 60px; color: #fff; font-size: 22px; text-align: center; margin: 0; padding: 0; float: left;} .pro_detail_btn a.prodtl_btn1 { float:left; margin: 0 4% 0 0; background-color: #a5a5a5;} .pro_detail_btn a.prodtl_btn2 { float:left; background-color: #fe9b02;} .pro_detail_btn a.prodtl_btn1:hover { background-color: #104492; color:#FFF;} .pro_detail_btn a.prodtl_btn2:hover { background-color: #104492;color:#FFF;} /**产品详情页产品图片切换**/ .prodetail_img { width:44%; height: 440px; margin: 0; padding: 0; float:left; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} #preview { width:100%; margin:0; text-align:center; position:relative;} .list-h li { float:left;} #spec-n5 { width:100%; height:80px; padding-top:10px; overflow:hidden;} #spec-left { width:16px; height:70px; float:left; cursor:pointer; margin-top:3px;} #spec-right { width:16px; height:70px; float:left;cursor:pointer; margin-top:3px;} #spec-list { width:440px; float:left; overflow:hidden; margin-left:2px; display:inline;} #spec-list ul {} #spec-list ul li { float:left; display:inline; padding:0; width:18.4%; height:70px; margin:0 2% 0 0;} #spec-list ul li:last-child { margin:0;} #spec-list ul li p { width:100%; height:100%; overflow:hidden; margin:0; padding:0; border:1px solid #dfdfdf; position:relative; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} #spec-list ul li:hover p { border:1px solid #1f71c2;} #spec-list ul li img { display:block; max-width:94%; max-height:94%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0;} /*jqzoom*/ .jqzoom { position:relative; width:100%; height:360px; overflow:hidden; padding:0; border:1px solid #dfdfdf; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .jqzoom img { display:block; max-width:100%; max-height:100%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0;} .zoomdiv { z-index:100;position:absolute;top:1px;left:0px; background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #eaeaea;display:none;text-align:center;overflow: hidden; left:104%!important; top:0!important;} .bigimg { } .jqZoomPup { width:200px!important; height:200px!important; z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;background:url(../images/mask.png) 0 0 repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;} #spec-list { position:relative; width:100%; margin:0;} #spec-list div { width:100%!important; height:70px!important; margin:0;} #ceshi { display:block; margin:auto!important; left:0; top:0; bottom:0; right:0;} .prodetail_img a.videoIco { left:20px!important; bottom:20px!important; z-index:99!important;} .Warning { width:100%!important; height:100%!important;} @media screen and (max-width:1299px) and (min-width:1080px) { .pro_detail_main { width:100%; padding:0;} .prodetail_img { width:45%; position:inherit;float: left;} #preview, #spec-n5, #spec-list, .jqzoom { width:100%;} .pro_detail_main .pro_detail_text { width:52%;} .pro_detail_text .pro_detail_btn { width:100%;} .zoomdiv { left:104%!important;} } @media screen and (max-width:1079px) and (min-width:1024px) { .ly_NyProDetail { margin:40px auto;} } @media screen and (max-width:1023px) and (min-width:768px) { .pro_detail_main { width:100%; margin: 0 auto 20px;} .prodetail_img { width:100%; height:auto; margin:0 0 20px;} #preview { width:100%;} .jqzoom { width:100%;height: 340px;} .pro_detail_main .pro_detail_text { width:100%;padding-top:0;height: auto;min-height:260px; padding-bottom:48px;} .pro_detail_text h1 { font-size:22px; line-height:32px;} .pro_detail_text .jyms { margin: 10px auto; padding: 12px 16px; height:auto;} .pro_detail_text .jyms p { height:auto; max-height:100px;} .pro_detail_text ul { overflow:hidden; margin: 10px auto;} .pro_detail_text ul li { font-size:14px; margin: 6px auto;} .pro_detail_text .pro_detail_btn { height:48px;} .pro_detail_btn a { height:48px; line-height:48px; width:48%; font-size:22px;} .pro_detail_btn a.prodtl_btn1 { margin: 0 4% 0 0;} #spec-n5 { width:100%;} #spec-list { width:100%;} .zoomdiv,.jqZoomPup { display:none !important;} } @media (max-width:767px) { .pro_detail_main { width:100%; margin: 0 auto 20px;} .prodetail_img { width:100%; height:auto; margin:0 auto 20px;} #preview { width:100%;} .jqzoom { width:100%;height: 285px;} .pro_detail_main .pro_detail_text { width:100%; padding-top:0; height: auto;min-height:260px; padding-bottom:48px;} .pro_detail_text h1 { font-size:22px; line-height:32px;} .pro_detail_text .jyms { margin: 10px auto;padding: 12px;height:auto;} .pro_detail_text ul { overflow:hidden; margin: 10px auto;} .pro_detail_text ul li { font-size:14px; margin: 4px auto;} .pro_detail_text .pro_detail_btn { height:48px;} .pro_detail_btn a { height:48px; line-height:48px; width:48%; font-size:16px;} .pro_detail_btn a.prodtl_btn1 { margin: 0 4% 0 0;} #spec-n5 { width:100%; height:70px;} #spec-list { width:100%;} #spec-list ul li { height:60px;} .zoomdiv,.jqZoomPup { display:none !important;} } /*内页-产品详情 结束*/ /*分页*/ #List{ width: 100%; float: left;} #List .wack1{ text-align: center;} #List .pz_fy{ display: inline-block; *display: inline; *zoom: 1;} #List .pz_fy a { float: left; width: 36px; height: 36px; line-height: 36px; border: 1px solid #e1e1e1; color: #272727; font-size: 14px; margin: 0 10px;} #List .pz_fy a:hover, #List .pz_fy a.on { background: #104492; color:#fff; border: 1px solid #104492;} #List .pz_fy .l2{ width: 100px; height: 36px;} #List .pz_fy .l2:hover{ background-color: #104492; border: 1px solid #104492;} #List .pz_fy .r2{ width: 100px; height: 36px;} #List .pz_fy .r2:hover{ background-color: #104492; border: 1px solid #104492;} @media screen and (max-width:1023px){ #List .fy_pc{ text-align:center; font-size:14px; color:#272727; padding:5px 0;} #List .fy_pc a{ padding:5px 25px; background: #104492; color:#fff; border: transparent; border-radius:16px; overflow:hidden;} #List .fy_pc span{ padding:5px 20px; color:#272727;} } @media screen and (max-width:1630px){ } @media screen and (max-width:1300px){ #List .pro_list .pro_left .top_a{padding:25px 18px; height:102px;} #List .pro_list .bottom_a .li_a .li_b{padding:12px 10px;} #List .pro_list .bottom_a .li_a .h5_a{padding:10px 15px 10px 40px;} } @media screen and (max-width:992px){ #List .pro_list .pro_left .top_a{display:none;} #List .pro_list .bottom_a .li_a{width:48%; margin-right:4%; float:left;} #List .pro_list .bottom_a .li_a:nth-child(2n){margin-right:0;} #List .pro_list .pro_left{width:100%; margin-bottom:15px;} #List .pro_list .pro_right{width:100%;} #List .pro_list .pro_right .li_c{width:48%;} #List .pro_list .li_c:nth-child(3n){margin-right:4%;} #List .pro_list .li_c:nth-child(2n){margin-right:0;} #List .pro_list .li_c:nth-child(9){display:none;} } @media screen and (max-width:768px){ #List .pro_list .bottom_a .li_a .h5_a{padding:6px 10px 6px 30px; font-size:14px;} #List .pro_list .bottom_a .li_a .h5_a .b{left:12px;} #List .pro_list .bottom_a .li_a .ul_a{padding:0 10px;} #List .pro_list .bottom_a .li_a .ul_a:last-child{border-bottom:1px solid #dadada;} #List .pro_list .bottom_a .li_a .li_b{padding:10px 0;} #List .pro_list .bottom_a .li_a .li_b a{font-size:14px;} #List .pro_list .bottom_a .li_a{width:48%; margin-right:4%; float:left;} #List .pro_list .li_c .h4_b{line-height:28px; padding-top:10px; font-size:16px;} #List .pro_list .li_c a{padding:0 0 32px;} #List .pro_list .li_c .more{width:50px; height:50px; margin-left:-25px; } } /*产品详情页*/ /*产品中心*/ #Subpage .pro_list{width:100%; display:block; float:left;} #Subpage .pro_list .pro_left{width:21.754%; float:left;} #Subpage .pro_list .pro_left .top_a{width:100%; background:url(../images/915_cp_bg1.png)no-repeat #104492; border-radius:0 30px 0 0; background-size:100% 100%; height:115px; display:block; padding:30px 22px; } #Subpage .pro_list .pro_left .h3_a{color:#ffffff; font-size:28px; font-weight:bold;display:block;} #Subpage .pro_list .pro_left .b_a{color:#ffffff; font-size:18px; font-weight:bold; line-height:24px;display:block;} #Subpage .pro_list .bottom_a{dispaly:block; width:100%;} #Subpage .pro_list .bottom_a .h4_a{display:none;} #Subpage .pro_list .bottom_a .li_a{margin-bottom:2px; width:100%; } #Subpage .pro_list .bottom_a .li_a .h5_a{background:#363e45; padding:18px 20px 18px 46px; display:block; width:100%; position:relative; font-size:18px; color:#ffffff; cursor: pointer; } #Subpage .pro_list .bottom_a .li_a .h5_a .b{position: absolute; left:20px;top:56%; width: 6px;height: 6px; float: right; border-top:solid 1px #ffffff; border-right: solid 1px #ffffff;margin-top: -5px; cursor: pointer;transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);-o-transform: rotate(-45deg); -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } #Subpage .pro_list .bottom_a .li_a .h5_a.active .b{ transform: rotate(135deg);-webkit-transform: rotate(135deg); -moz-transform: rotate(135deg);-o-transform: rotate(135deg); margin-top: -7px; } #Subpage .pro_list .bottom_a .li_a .ul_a{width:100%; display:none; padding:0 20px; border:1px solid #dadada; border-top:none; border-bottom:none; } #Subpage .pro_list .bottom_a .li_a .li_b{width:100%; border-bottom:1px dashed #dadada; padding:20px 25px;} #Subpage .pro_list .bottom_a .li_a .li_b a{width:100%; padding:0; display:block; height:100%; color:#333333; font-size:16px; } #Subpage .pro_list .bottom_a .li_a .li_b:last-child{border:none;} #Subpage .pro_list .bottom_a .li_a .li_b:hover a{color:#104492;} #Subpage .pro_list .pro_right{float:right; width:74%;} #Subpage .pro_pic{width:100%; display:block;} #Subpage .pro_pic .top_c{text-align:center;} #Subpage .pro_pic .h4_title{text-align:center; color:#333333; display:block; line-height:36px; font-size:30px;} #Subpage .pro_pic .pro_span{color:#888888; display:inline-block; font-size:14px; line-height:22px; text-align:center; padding-top:10px;} #Subpage .pro_pic .pro_span .ico{ display: block; float: left; width: 18px; height: 18px; margin: 5px 8px 5px 0;} #Subpage .pro_pic .pro_span .wz{ float: left; margin-right: 20px;} #Subpage .pro_pic .pro_span .i img{vertical-align:middle; margin-right:5px;} #Subpage .pro_pic .text{color:#666666; font-size:14px; line-height:30px; padding:20px 0; border-top:1px dashed #b2b2b2; margin:26px 0 20px; } #Subpage .pro_pic .bdsharebuttonbox{display: inline-block; *display: inline; *zoom:1; vertical-align: top; padding: 0!important; margin: 0!important;} #Subpage .pro_pic .bdsharebuttonbox span{float: left; padding-right: 5px; line-height: 26px; height: 26px; color: #666; font-size: 14px;} #Subpage .pro_pic .bdsharebuttonbox a{float: left; width: 26px !important; height: 26px !important; margin: 0 8px !important; padding: 0!important; } #Subpage .pro_pic .bdsharebuttonbox .bds_weixin{background:url(../images/915_share_wx.png) no-repeat !important; background-size: 100% !important;} #Subpage .pro_pic .bdsharebuttonbox .bds_sqq{background:url(../images/915_share_qq.png) no-repeat !important; background-size: 100% !important;} #Subpage .pro_pic .bdsharebuttonbox .bds_qzone{background:url(../images/915_share_kj.png) no-repeat !important; background-size: 100% !important;} #Subpage .pro_pic .bdsharebuttonbox .bds_tsina{background:url(../images/915_share_wb.png) no-repeat !important; background-size: 100% !important;} #Subpage .pro_pic .bdsharebuttonbox .bds_tqq{background:url(../images/915_share_txwb.png) no-repeat !important; background-size: 100% !important;} #Subpage .pro_pic .bdsharebuttonbox .bds_tt{background:url(../images/915_cpxq_im8.png) no-repeat !important; background-size: 100% !important;} #Subpage .pro_pic .fy_xq{margin:20px auto; width:100%; background:#f7f7f7; padding:15px 18px;} #Subpage .pro_pic .fy_xq a{width:49%; text-align:left; line-height:18px; color:#333333; font-size:14px;} #Subpage .pro_pic .fy_xq .left{float:left; text-align:left;} #Subpage .pro_pic .fy_xq .right{text-align:right; float:right;} #Subpage .pro_pic .fy_xq a:hover{color:#104492;} #Subpage .pro_pic .caseConAl{padding-top:20px;} #Subpage .pro_pic .caseConAl .tit{ width: 100%; overflow: hidden;} #Subpage .pro_pic .caseConAl .tit .t1{ float: left; font-size: 24px; line-height: 24px; padding-bottom: 15px; color: #104492; position: relative;} #Subpage .pro_pic .caseConAl .tit .t1::before{ content: ""; display: block; width: 95px; height: 3px; background: #104492; position: absolute; bottom: -2px; left: 0;} #Subpage .pro_pic .caseConAl .tit .fh{ float: right; font-size: 16px; padding-left: 25px; color: #888888; background: url(../images/915_fh.png) no-repeat left center;} #Subpage .pro_pic .caseConAl .tit .fh:hover{ text-decoration: underline;} #Subpage .pro_pic .caseConAl .tit .lin{ width: 100%; height: 1px; padding-bottom: 2px; float: left; border-top: 1px solid #d1d1d1;} #Subpage .pro_pic .list{margin:0 -63px; display:block; padding-top:30px; overflow: hidden;} #Subpage .pro_pic .list .list_ul{display:block; padding:0 63px; width:100%; } #Subpage .pro_pic .list .slick-list{position: relative;} #Subpage .pro_pic .list .slick-slide{margin:0 15px; background:#f0f0f0; border:1px solid #f0f0f0;} #Subpage .pro_pic .list .slick-slide:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1); } #Subpage .pro_pic .list .slick-slide:hover .h4_b a{color:#104492;} #Subpage .pro_pic .list .slick-prev, #Subpage .pro_pic .list .slick-next{width:34px; height:34px; display:block; border-radius:50%; margin-top:-17px;} #Subpage .pro_pic .list .slick-prev{background:url(../images/915_left_a1.png)no-repeat #f0f0f0; background-size:100% 100%; left:0;} #Subpage .pro_pic .list .slick-next{background:url(../images/915_right_a1.png)no-repeat #f0f0f0; background-size:100% 100%; right:0;} #Subpage .pro_pic .list .slick-prev:hover{background:url(../images/915_left_b1.png)no-repeat rgba(16,68,146,0.6); background-size:100% 100%;} #Subpage .pro_pic .list .slick-next:hover{background:url(../images/915_right_b1.png)no-repeat rgba(16,68,146,0.6); background-size:100% 100%;} #Subpage .pro_pic .list .pic{width:100%; overflow: hidden;} #Subpage .pro_pic .list .pic img{display:block; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; transition: -webkit-transform 2s; vertical-align:middle; -ms-interpolation-mode:bicubic; } #Subpage .pro_pic .list .h4_b{padding:20px 10px; color:#333333; font-size:18px; line-height:22px; display:block; text-align:center;} #Subpage .pro_pic .list .h4_b a{color:#333333; font-size:18px;} @media screen and (max-width:1630px){ #Subpage .pro_pic .list{margin:0 -5px;} #Subpage .pro_pic .list .slick-slide{margin-right:20px;} #Subpage .pro_pic .list .list_ul{padding:0 50px; } } @media screen and (max-width:1300px){ #Subpage .pro_list .pro_left .top_a{padding:25px 18px; height:102px;} #Subpage .pro_list .bottom_a .li_a .li_b{padding:12px 10px;} #Subpage .pro_list .bottom_a .li_a .h5_a{padding:10px 15px 10px 40px;} } @media screen and (max-width:992px){ #Subpage .pro_list .pro_left .top_a{display:none;} #Subpage .pro_list .bottom_a .li_a{width:48%; margin-right:4%; float:left;} #Subpage .pro_list .bottom_a .li_a:nth-child(2n){margin-right:0;} #Subpage .pro_list .pro_left{width:100%; margin-bottom:15px;} #Subpage .pro_list .pro_right{width:100%;} #Subpage .pro_pic .fx_xq{display:none;} #Subpage .pro_pic .h4_title{font-size:20px;} } @media screen and (max-width:768px){ #Subpage .pro_list .bottom_a .li_a .h5_a{padding:6px 10px 6px 30px; font-size:14px;} #Subpage .pro_list .bottom_a .li_a .h5_a .b{left:12px;} #Subpage .pro_list .bottom_a .li_a .ul_a{padding:0 10px;} #Subpage .pro_list .bottom_a .li_a .ul_a:last-child{border-bottom:1px solid #dadada;} #Subpage .pro_list .bottom_a .li_a .li_b{padding:10px 0;} #Subpage .pro_list .bottom_a .li_a .li_b a{font-size:14px;} #Subpage .pro_list .bottom_a .li_a{width:48%; margin-right:4%; float:left;} #Subpage .pro_pic .text{line-height:24px; } #Subpage .pro_pic .h4_title{font-size:18px; line-height:24px;} #Subpage .pro_pic .pro_span{text-align:center; line-height:22px; padding-top:5px;} #Subpage .pro_pic .text{margin:18px 0 10px; padding:15px 0;} #Subpage .pro_pic .fy_xq a{width:100%; display:block; margin:5px 0;} #Subpage .pro_pic .fy_xq .right{text-align:left; float:left; } #Subpage .pro_pic .caseConAl .tit .t1{font-size:18px; line-height:20px;} #Subpage .pro_pic .caseConAl .tit .t1::before{width:70px;} #Subpage .pro_pic .list .slick-slide{margin-right:0;} #Subpage .pro_pic .list .list_ul{padding:0 40px;} #Subpage .pro_pic .list .h4_b{padding:10px 10px;} #Subpage .pro_pic .list .h4_b a{font-size:14px; line-height:22px;} } /*内页-在线留言 开始*/ .ly_NyOrder { overflow:hidden; margin:0 auto 60px; padding:0;} .ly_msg { width: 100%; overflow: hidden; margin: 0 auto !important; padding: 0;} .ly_msg h3 { display: none!important;} .ly_msg ul { width: 100%; overflow: hidden; margin: 0 auto; padding: 0;} #ly_msg.ly_msg ul{ margin-bottom:0px!important;} .ly_msg ul li { width: 100%; overflow: hidden; line-height: 44px; margin: 0 auto 30px!important; padding: 0; color: #999; font-size: 14px;} .ly_msg ul li:last-child { margin:0 auto!important;} .ly_msg ul li h4 { width: 12%!important; height: 44px!important; overflow: hidden; line-height: 44px!important; margin: 0; padding: 0 12px 0 0; color: #333; font-size: 14px; text-align: right; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .ly_msg ul li .msg_ipt1, .ly_msg ul li .msg_tara { width: 83%; overflow: hidden; margin: 0; padding-right: 20px; background: url(../images/tb_img.png) top right no-repeat; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .ly_msg ul li .msg_ipt1, .ly_msg ul li .msg_ipt12, .ly_msg ul li .msg_tara { width: 88%!important; font-family: Arial,\5FAE\8F6F\96C5\9ED1,Helvetica,sans-seri!important;} .ly_msg ul li .msg_ipt1, .ly_msg ul li .msg_ipt12, .ly_msg ul li .msg_ipt2 { height: 44px!important; background: url(../images/tb_img.png) right center no-repeat!important;} .ly_msg ul li .msg_ipt12 { width: 83%; height: 34px; overflow: hidden; margin: 0; padding-right: 20px; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .msg_ipt1 input, .msg_tara textarea { display: block; width: 100%; overflow: hidden; margin: 0; padding: 8px 15px; color: #666; font-size: 12px; border: 1px solid #dfdfdf; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .msg_ipt12 input { height: 34px; line-height: 16px; display: block; width: 100%; overflow: hidden; margin: 0; padding: 8px 15px; color: #666; font-size: 12px; border: 1px solid #dfdfdf; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .msg_ipt1 input, .msg_ipt12 input, .msg_ipt2 input { height: 44px!important; font-family: Arial,\5FAE\8F6F\96C5\9ED1,Helvetica,sans-seri !important;} .msg_ipt1 input, .msg_ipt12 input, .msg_ipt2 input, .msg_tara textarea { font-size: 14px!important; background-color: #f8f8f8!important; border: none!important; font-family: Arial,\5FAE\8F6F\96C5\9ED1,Helvetica,sans-seri!important; outline: none!important; resize: none!important;} .ly_msg ul li .msg_ipt1 #selPvc { height: 44px!important; line-height: 44px!important; color: #666!important; font-size: 14px!important; background-color: #f8f8f8!important; border: none!important; padding: 0 15px!important; outline: none!important; box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;} .ly_msg ul li .msg_ipt2, .msg_ipt2 input { width: 160px!important;} .ly_msg ul li .msg_ipt2 { width: 120px; height: 34px; overflow: hidden; margin-right: 10px; padding: 0; float: left;} .ly_msg ul li a.yzm_img {display: block; width: 90px; height: 34px; overflow: hidden; margin: 0; padding-right: 20px; background: url(../images/tb_img.png) top right no-repeat; float: left;} .ly_msg ul li a.yzm_img { width: 120px!important; height: 44px!important; background: url(../images/tb_img.png) right center no-repeat!important;} .ly_msg ul li a.yzm_img img { display: block; width: 100%!important; height: 100%!important;} .ly_msg ul li .msg_btn { width: 83%; overflow: hidden; margin: 0 auto; padding: 0; float: left;} .ly_msg ul li .msg_btn { width: 88%!important;} .msg_btn input { display: block; width: 100px; height: 34px; overflow: hidden; line-height: 32px; margin: 0 15px 0 0; padding: 0; background-color: #f0f0f0; color: #333; font-size: 13px; text-align: center; border: 1px solid #ccc; float: left;} .msg_btn input { width: 160px!important; height: 44px!important; line-height: 44px!important; color: #fff!important; font-size: 15px!important; text-align: center!important; border: none!important; background-color: #104492!important; cursor: pointer!important;} .msg_btn input:last-child { background-color: #3b3b3b!important;} .msg_btn input:hover { background-color:#fe9b02!important;} .msg_btn input:last-child:hover { background-color: #104492!important;} @media screen and (max-width:1079px) and (min-width:1024px) { .ly_NyOrder {margin:0 auto 40px;} .ly_msg ul li { margin: 0 auto 25px!important;} .ly_msg ul li .msg_ipt2, .msg_ipt2 input { width: 140px!important;} } @media screen and (max-width:1023px) and (min-width:768px) { .ly_NyOrder {margin:0 auto 40px;} .ly_msg ul li { margin: 0 auto 20px!important;} .ly_msg ul li h4 { width:12%!important;} .ly_msg ul li .msg_ipt12, .ly_msg ul li .msg_ipt1, .ly_msg ul li .msg_tara, .ly_msg ul li .msg_btn { width: 88%!important;} } @media (max-width: 767px) { .ly_NyOrder {margin:0 auto 20px;} .ly_msg ul li { margin: 0 auto 20px!important;} .ly_msg ul li h4 { display:none!important;} .ly_msg ul li .msg_ipt12, .ly_msg ul li .msg_ipt1, .ly_msg ul li .msg_tara, .ly_msg ul li .msg_btn { width: 100%!important; float:inherit!important;} .msg_btn input { width:48%!important; margin:0 4% 0 0!important;} .msg_btn input:last-child { margin:0!important;} .ly_msg ul li a.yzm_img { float:inherit!important;} .ly_msg ul li span { display:block; line-height:24px; margin:10px 0 0;} } @media (max-width: 320px) { .ly_msg ul li .msg_ipt2, .msg_ipt2 input { width:150px!important;} .ly_msg ul li span { line-height:24px; margin:10px 0 0;} } /*内页-在线留言 结束*/ /*内页-联系我们 开始*/ .ly_NyContact {overflow:hidden; margin:0 auto 60px; padding:0;} .ly_NyContact .lyNyContact_main { width:100%; overflow:hidden; margin:0 auto; padding:0;} .lyNyContact_main .lyNyContact_lxfs { width:100%; overflow:hidden; margin:0 auto 40px; padding:0;} .lyNyContact_lxfs ul { border-left:1px solid #dfdfdf; border-top:1px solid #dfdfdf;} .lyNyContact_lxfs ul li { width:33.333333%; overflow:hidden; margin:0; padding:40px 20px 20px; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; float:left; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .lyNyContact_lxfs ul li img { display:block; width:130px; height:130px; overflow:hidden; margin:0 auto 20px; padding:0;} .lyNyContact_lxfs ul li span { display:block; width:100%; overflow:hidden; color:#797979; font-size:14px; text-align:center; margin:0 auto 10px; padding:0;} .lyNyContact_lxfs ul li p { width:100%; height:60px; overflow:hidden; line-height:30px; color:#333; font-size:16px; text-align:center; display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; margin:0 auto; padding:0;word-break: break-all;} .lyNyContact_main .lyNyContact_ewm { width:100%; overflow:hidden; margin:0 auto 40px; padding:60px 0; background:#fff url(../images/NyContact_ewmbg.jpg) center center no-repeat; background-size:100%;} .lyNyContact_ewm p { width:100%; overflow:hidden; line-height:40px; color:#fff; font-size:32px; text-align:center; margin:0 auto; padding:0;} .lyNyContact_ewm span { display:block; width:100%; overflow:hidden; line-height:30px; color:#fff; font-size:16px; text-align:center; margin:0 auto; padding:0;} .lyNyContact_ewm .ewm_img { width:160px; height:160px; overflow:hidden; margin:30px auto 0; padding:0;} .lyNyContact_ewm .ewm_img img { display:block; width:100%; height:100%; margin:0 auto; padding:0;} .lyNyContact_main .lyNyContact_map { width:100%; overflow:hidden; margin:0; padding:0; float:right;} .lyNyContact_map .lyNyContact_Mapmain { width:100%; height:380px; overflow:hidden; margin:0 auto; padding:9px; background-color:#fff; border:1px solid #dfdfdf; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .lyNyContact_Mapmain .dz_map { width:100%; overflow:hidden;height:360px;margin:0 auto;} @media screen and (max-width:1079px) and (min-width:1024px) { .ly_NyContact {margin:0 auto 40px;} .lyNyContact_main .lyNyContact_lxfs { margin:0 auto 20px;} .lyNyContact_lxfs ul li img { margin:0 auto 20px;} .lyNyContact_lxfs ul li p { height:48px; line-height:24px; font-size:15px;} .lyNyContact_main .lyNyContact_ewm { margin:0 auto 20px;} } @media screen and (max-width:1023px) and (min-width:768px) { .ly_NyContact {margin:0 auto 40px;} .lyNyContact_main .lyNyContact_lxfs { margin:0 auto 20px;} .lyNyContact_lxfs ul li img { margin:0 auto 20px;} .lyNyContact_lxfs ul li p { height:24px; line-height:24px; font-size:14px;} .lyNyContact_main .lyNyContact_ewm { margin:0 auto 20px; padding:40px 0;} .lyNyContact_ewm p { font-size:30px;} .lyNyContact_ewm span { font-size:15px;} .lyNyContact_ewm .ewm_img { margin:20px auto 0;} .lyNyContact_main .lyNyContact_map { width:100%; margin:0 auto;} .lyNyContact_map .lyNyContact_Mapmain { height:380px;} } @media (max-width: 767px) { .ly_NyContact { margin:0 auto 40px;} .lyNyContact_main .lyNyContact_lxfs { margin:0 auto 20px;} .lyNyContact_lxfs ul li { width:100%; padding:20px;} .lyNyContact_lxfs ul li img { width:120px; height:120px; margin:0 auto 20px;} .lyNyContact_lxfs ul li p { height:auto; line-height:28px; font-size:16px;} .lyNyContact_main .lyNyContact_ewm { margin:0 auto 20px; padding:40px 0; background-size:190%;} .lyNyContact_ewm p { line-height:32px; font-size:24px;} .lyNyContact_ewm span { line-height:24px; font-size:14px;} .lyNyContact_ewm .ewm_img { margin:20px auto 0;} .lyNyContact_main .lyNyContact_map { width:100%; margin:0 auto;} .lyNyContact_map .lyNyContact_Mapmain { height:380px;} } @media (max-width: 320px) { .lyNyContact_main .lyNyContact_ewm { background-size:204%;} } /*内页-联系我们 结束*/ /*内页-新闻中心&技术文章 开始*/ .ly_NyNews { width:100%; min-height: 480px; height:auto; margin:0 auto 60px; padding:0;} .ly_NyNews .lyNyNew_main {height:auto; padding:0;} .lyNyNew_main .lyNyNew_Tj { width:100%; overflow:hidden; margin:0 auto 40px; padding:0; background-color:#f5f5f5; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .lyNyNew_Tj .lyNyNew_TjImg { width:44.5%; height:322px; overflow:hidden; margin:0; padding:20px; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .lyNyNew_Tj .lyNyNew_TjImg a { display:block; width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0; position:relative;} .lyNyNew_Tj .lyNyNew_TjImg a img { display:block; max-width:100%; max-height:100%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .lyNyNew_Tj:hover .lyNyNew_TjImg a img { -webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);} .lyNyNew_Tj .lyNyNew_TjText { width:55.5%; height:322px; overflow:hidden; margin:0; padding:20px 40px; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .lyNyNew_Tj .lyNyNew_TjText .lyNyNew_TjName { width:100%; height:auto; overflow:hidden; margin: 15px auto 0; padding:0;} .lyNyNew_Tj .lyNyNew_TjText .lyNyNew_TjName a { display:block; width:100%;overflow:hidden; line-height:32px; color:#333; font-size:24px; font-weight:bold; text-align:justify; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;} .lyNyNew_Tj .lyNyNew_TjText .lyNyNew_TjName a:hover { color:#104492;} .lyNyNew_Tj .lyNyNew_TjText .lyNyNew_TjTime { width:100%; height:32px; overflow:hidden; line-height:32px; color:#999; font-size:16px; margin:12px auto; padding:0;} .lyNyNew_Tj .lyNyNew_TjText .lyNyNew_TjMs { width:100%; overflow:hidden; margin:0 auto 20px; padding:0;} .lyNyNew_Tj .lyNyNew_TjText .lyNyNew_TjMs p { width:100%; height:84px; overflow:hidden; line-height:28px; color:#666; font-size:16px; text-align:justify; text-indent:0; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; text-overflow: ellipsis; margin:0 auto; padding:0;} .lyNyNew_Tj .lyNyNew_TjMore { width:100%; height:auto; overflow:hidden; margin:0 auto; padding:24px 0 0; border-top:1px dashed #ccc;} .lyNyNew_Tj .lyNyNew_TjMore a { display:inline-block; line-height:40px; color:#666; font-size:16px; padding:0;} .lyNyNew_Tj .lyNyNew_TjMore a i { display: inline-block; width: 20px; height: 20px; overflow: hidden; vertical-align: middle; margin: -2px 0 0 8px; padding: 0; background: url(../images/jt1.png) center center no-repeat; background-size: 20px 20px;} .lyNyNew_Tj .lyNyNew_TjMore a:hover { color:#104492;} .lyNyNew_Tj .lyNyNew_TjMore a:hover i { background: url(../images/jt14.png) center center no-repeat; background-size: 20px 20px;} .lyNyNew_main .lyNyNew_list { width:100%; height:auto; margin:0 auto 40px; padding:0;} .lyNyNew_list ul li { width:100%; height:auto; margin:0 auto 20px; padding:20px 140px 20px 40px; background-color:#f5f5f5; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .lyNyNew_list ul li:hover { background-color:#104492;} .lyNyNew_list ul li .lyNyNew_name { width:100%; height:auto; overflow:hidden; margin:0 auto; padding:0;} .lyNyNew_list ul li .lyNyNew_name a { display:block; width:100%; height:40px; overflow:hidden; line-height:40px; color:#333; font-size:17px; white-space:nowrap; text-overflow: ellipsis; margin:0 auto; padding:0;} .lyNyNew_list ul li:hover .lyNyNew_name a { color:#fff;} .lyNyNew_list ul li .lyNyNew_time { width:100%; height:32px; overflow:hidden; line-height:32px; color:#999; font-size:14px; margin:0 auto 4px; padding:0;} .lyNyNew_list ul li:hover .lyNyNew_time { color:#fff;} .lyNyNew_list ul li .lyNyNew_ms { width:100%; overflow:hidden; margin:0 auto; padding:0 0 0 20px; border-left:1px solid #dfdfdf; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .lyNyNew_list ul li .lyNyNew_ms p { width:100%; height:53px; overflow:hidden; line-height:28px; color:#666; font-size:15px; text-align:justify; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; margin:0 auto; padding:0;} .lyNyNew_list ul li:hover .lyNyNew_ms p { color:#fff;} .lyNyNew_list ul li .lyNyNew_more { width:99px; height:123px; overflow:hidden; margin:0; padding:0; border-left:1px solid #dfdfdf; position:absolute; top:24px; right:0;} .lyNyNew_list ul li .lyNyNew_more a { display:block; width:100%; height:100%; overflow:hidden; margin:0; padding:0; background:url(../images/jt9.png) center center no-repeat;} .lyNyNew_list ul li:hover .lyNyNew_more { border-left:1px solid #fff;} .lyNyNew_list ul li:hover .lyNyNew_more a { background:url(../images/jt13.png) center center no-repeat;} .lyNyDown_list ul li { margin:0 auto 20px; padding:20px 120px 20px 20px;} .lyNyDown_list ul li .lyNyNew_time { height:30px; line-height:30px; margin:0 auto;} .lyNyDown_list ul li .lyNyNew_more { height:70px; margin:0; top:20px;} .lyNyDown_list ul li .lyNyNew_more a { background:url(../images/jt1.png) center center no-repeat;} .lyNyDown_list ul li:hover .lyNyNew_more a { background:url(../images/jt4.png) center center no-repeat;} .NyNewsdetail_con .NyDown_btn { width:100%; overflow:hidden; margin:20px auto 0; padding:0;} .NyNewsdetail_con .NyDown_btn a{ display:block; width:160px; height:44px; overflow:hidden; line-height:44px; color:#fff; font-size:16px; text-align:center; text-indent:0; margin:0 auto; padding:0; background-color:#104492;} .NyNewsdetail_con .NyDown_btn a:hover { background-color:#fe9b02;} @media screen and (max-width:1299px) and (min-width:1080px) { .lyNyNew_Tj .lyNyNew_TjImg { width:38%; height:270px;} .lyNyNew_Tj .lyNyNew_TjText { width:62%; height:270px; padding:20px 40px 20px 20px;} .lyNyNew_Tj .lyNyNew_TjText .lyNyNew_TjName a { height:40px; line-height:40px; font-size:22px; -webkit-line-clamp: 1;} .lyNyNew_Tj .lyNyNew_TjText .lyNyNew_TjTime { margin:8px auto;} .lyNyNew_Tj .lyNyNew_TjText .lyNyNew_TjMs { margin:0 auto 20px;} .lyNyNew_Tj .lyNyNew_TjText .lyNyNew_TjMs p { height:56px; -webkit-line-clamp: 2;} .lyNyNew_list ul li { margin:0 auto 20px; padding:20px 120px 24px 40px;} .lyNyNew_list ul li .lyNyNew_ms p { height:56px; -webkit-line-clamp: 2;} .lyNyNew_list ul li .lyNyNew_more { height:132px; top:22px;} .lyNyDown_list ul li { margin:0 auto 20px; padding:20px 120px 20px 20px;} .lyNyDown_list ul li .lyNyNew_more { height:70px; margin:0; top:20px;} } @media screen and (max-width:1079px) and (min-width:1024px) { .ly_NyNews { margin:0 auto 40px;} .lyNyNew_main .lyNyNew_Tj { margin:0 auto 20px;} .lyNyNew_Tj .lyNyNew_TjImg { width:37%; height:270px;} .lyNyNew_Tj .lyNyNew_TjText { width:63%; height:270px; padding:20px 40px 20px 20px;} .lyNyNew_Tj .lyNyNew_TjText .lyNyNew_TjName a { height:40px; line-height:40px; font-size:22px; -webkit-line-clamp: 1;} .lyNyNew_Tj .lyNyNew_TjText .lyNyNew_TjTime { margin:8px auto;} .lyNyNew_Tj .lyNyNew_TjText .lyNyNew_TjMs { margin:0 auto 20px;} .lyNyNew_Tj .lyNyNew_TjText .lyNyNew_TjMs p { height:56px; -webkit-line-clamp: 2;} .lyNyNew_list ul li { margin:0 auto 20px; padding:20px 140px 20px 40px;} .lyNyNew_list ul li .lyNyNew_ms p { height:56px; -webkit-line-clamp: 2;} .lyNyNew_list ul li .lyNyNew_more { height:132px; top:22px;} .lyNyDown_list ul li { margin:0 auto 20px; padding:20px 120px 20px 20px;} .lyNyDown_list ul li .lyNyNew_more { height:70px; margin:0; top:20px;} } @media screen and (max-width:1023px) and (min-width:768px) { .ly_NyNews { margin:0 auto 40px;} .lyNyNew_main .lyNyNew_Tj { margin:0 auto 20px;} .lyNyNew_Tj .lyNyNew_TjImg, .lyNyNew_Tj .lyNyNew_TjText { width:100%; height:auto;} .lyNyNew_Tj .lyNyNew_TjImg a { height:auto;} .lyNyNew_Tj .lyNyNew_TjImg a img { width:100%; overflow:hidden; position:inherit; left:inherit; top:inherit; right:inherit; bottom:inherit;} .lyNyNew_Tj .lyNyNew_TjText { padding:0 20px 20px;} .lyNyNew_Tj .lyNyNew_TjText .lyNyNew_TjName a { max-height:56px; line-height:28px; font-size:20px; -webkit-line-clamp: 2;} .lyNyNew_Tj .lyNyNew_TjText .lyNyNew_TjTime { margin:8px auto;} .lyNyNew_Tj .lyNyNew_TjText .lyNyNew_TjMs { margin:0 auto 20px;} .lyNyNew_Tj .lyNyNew_TjText .lyNyNew_TjMs p { height:auto; max-height:84px; -webkit-line-clamp: 3;} .lyNyNew_main .lyNyNew_list {} .lyNyNew_list ul li { margin:0 auto 20px; padding:20px 100px 20px 20px;} .lyNyNew_list ul li .lyNyNew_name a { font-size:18px;} .lyNyNew_list ul li .lyNyNew_ms p { height:56px; -webkit-line-clamp: 2;} .lyNyNew_list ul li .lyNyNew_more { width:79px; height:132px; top:22px;} .lyNyDown_list ul li { margin:0 auto 20px; padding:20px 100px 20px 20px;} .lyNyDown_list ul li .lyNyNew_more { height:70px; margin:0; top:20px;} } @media (max-width: 767px) { .ly_NyNews { margin:0 auto 40px;} .lyNyNew_main .lyNyNew_Tj { margin:0 auto 20px;} .lyNyNew_Tj .lyNyNew_TjImg, .lyNyNew_Tj .lyNyNew_TjText { width:100%; height:auto;} .lyNyNew_Tj .lyNyNew_TjImg a { height:auto;} .lyNyNew_Tj .lyNyNew_TjImg a img { width:100%; overflow:hidden; position:inherit; left:inherit; top:inherit; right:inherit; bottom:inherit;} .lyNyNew_Tj .lyNyNew_TjText { padding:0 20px 20px;} .lyNyNew_Tj .lyNyNew_TjText .lyNyNew_TjName a { height:52px; line-height:26px; font-size:18px; -webkit-line-clamp: 2;} .lyNyNew_Tj .lyNyNew_TjText .lyNyNew_TjTime { height:24px; line-height:24px; font-size:14px; margin:8px auto;} .lyNyNew_Tj .lyNyNew_TjText .lyNyNew_TjMs { margin:0 auto 20px;} .lyNyNew_Tj .lyNyNew_TjText .lyNyNew_TjMs p { height:auto; max-height:72px; line-height:24px; font-size:14px; -webkit-line-clamp: 3;} .lyNyNew_main .lyNyNew_list { margin:0 auto 20px;} .lyNyNew_list ul li { margin:0 auto 20px; padding:20px;} .lyNyNew_list ul li .lyNyNew_name a { font-size:18px;} .lyNyNew_list ul li .lyNyNew_ms p { height:48px; line-height:24px; font-size:14px; -webkit-line-clamp: 2;} .lyNyNew_list ul li .lyNyNew_more { display:none;} .lyNyDown_list ul li { padding:12px;} } @media (max-width: 320px) { .lyNyNew_main .lyNyNew_Tj { margin:0 auto 12px;} .lyNyNew_Tj .lyNyNew_TjImg, .lyNyNew_Tj .lyNyNew_TjText { padding:12px;} .lyNyNew_main .lyNyNew_list { margin:0 auto 20px;} .lyNyNew_list ul li { margin:0 auto 12px; padding:12px;} .lyNyNew_list ul li .lyNyNew_name a { font-size:16px;} .lyNyNew_list ul li .lyNyNew_time { height:20px; line-height:20px; margin:0 auto 8px;} .lyNyNew_list ul li .lyNyNew_ms { padding:0 0 0 12px;} .lyNyNew_list ul li .lyNyNew_ms p { height:48px; line-height:24px; font-size:14px;} } /*内页-新闻中心&技术文章 结束*/ /*内页-新闻详情&文章详情 开始*/ .ly_NyNewsdetail {overflow:hidden; margin:0 auto 60px; padding:0;} .ly_NyNewsdetail .NyNewsdetail_title { width:100%; overflow:hidden; line-height:40px; color:#333; font-size:28px; font-weight:bold; text-align:center; margin:0 auto; padding:0;} .ly_NyNewsdetail .NyNewsdetail_tips { width:100%; height:auto; overflow:hidden; line-height:20px; color:#aaa; font-size:14px; text-align:center; margin:20px auto; padding:0 0 10px; border-bottom:1px dashed #dfdfdf;} .ly_NyNewsdetail .NyNewsdetail_con { width:100%; overflow:hidden; margin:0 auto; padding:0; line-height:30px; color:#565656; font-size:15px; text-align:justify;} .NyNewsdetail_con p, .NyNewsdetail_con div { width:100%; overflow:hidden; line-height:30px; /*color:#565656;*/ font-size:15px; text-align:justify; _text-indent:2em; margin:0 auto; padding:0;} .NyNewsdetail_con p span, .NyNewsdetail_con span, .NyNewsdetail_con p em, .NyNewsdetail_con em { /*color:#565656!important;*/ font-family:Arial,\5FAE\8F6F\96C5\9ED1,Helvetica,sans-serif!important; font-size:15px;} .NyNewsdetail_con table tr td p { text-indent:0!important;} .NyNewsdetail_con img { display:inline-block; width:auto!important; height:auto!important; max-width:100%; margin:0 auto; padding:0; text-indent:0!important;} .ly_PrevNext { width:100%; overflow:hidden; margin:20px auto 0; padding:20px 0 0; border-top:1px solid #dfdfdf;} .ly_PrevNext ul li { width:100%; overflow:hidden; line-height:20px; color:#333; font-size:14px; margin:0 auto; padding:10px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .ly_PrevNext ul li:last-child { margin:0 auto;} .ly_PrevNext ul li a { overflow:hidden; line-height:20px; color:#333; font-size:14px;} .ly_PrevNext ul li:hover, .ly_PrevNext ul li:hover a { color:#104492;} @media screen and (max-width:1079px) and (min-width:1024px) { .ly_NyNewsdetail { margin:0 auto 40px;} .ly_NyNewsdetail .NyNewsdetail_title, .ly_NyNewsdetail .NyNewsdetail_tips { margin:0 auto 20px;} .ly_PrevNext { margin:25px auto 0;} } @media screen and (max-width:1023px) and (min-width:768px) { .ly_NyNewsdetail {margin:0 auto 40px;} .ly_NyNewsdetail .NyNewsdetail_title, .ly_NyNewsdetail .NyNewsdetail_tips { margin:0 auto 20px;} .ly_PrevNext { margin:20px auto 0;} } @media (max-width: 767px) { .ly_NyNewsdetail {margin:0 auto;} .ly_NyNewsdetail .NyNewsdetail_title, .ly_NyNewsdetail .NyNewsdetail_tips { margin:0 auto 20px;} .ly_NyNewsdetail .NyNewsdetail_title { line-height:32px; font-size:24px;} .ly_PrevNext { margin:20px auto;} .ly_NyNewsdetail .NyNewsdetail_con { max-height:9999999999999999px;} .NyNewsdetail_con div { max-height:9999999999999999px; line-height:28px; color:#565656; font-size:14px; text-align:justify;} .NyNewsdetail_con p { width:100%; overflow:hidden; line-height:28px; /*color:#565656;*/ font-size:14px; text-align:justify; _text-indent:2em; margin:0 auto; padding:0;} .NyNewsdetail_con p span, .NyNewsdetail_con span, .NyNewsdetail_con p em, .NyNewsdetail_con em { color:#565656!important; font-family:Arial,\5FAE\8F6F\96C5\9ED1,Helvetica,sans-serif!important; font-size:15px!important;} } @media (max-width: 320px) { .ly_NyNewsdetail .NyNewsdetail_title { line-height:30px; font-size:20px;} } /*内页-新闻详情&文章详情 结束*/ /*内页-荣誉资质 开始*/ .ly_NyHonor { width:1200px; height:auto; margin:0 auto 60px; padding:0;} .ly_NyHonor .lyNyHonor_list { width:100%; height:auto; min-height:320px; margin:0 auto; padding:0;} .lyNyHonor_list ul li { width:23.5%; overflow:hidden; margin:0 2% 20px 0; padding:20px; background-color:#f6f6f6; float:left; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .lyNyHonor_list ul li:nth-child(4n+4) { margin:0 0 20px;} .lyNyHonor_list ul li .lyIdxHonor_img { width:100%; height:242px; overflow:hidden; margin:0 auto 20px; padding:0;} .lyNyHonor_list ul li .lyIdxHonor_img a { display:block; width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0; background-color:#fff; position:relative;} .lyNyHonor_list ul li .lyIdxHonor_img a img { display:block; max-width:100%; max-height:100%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .lyNyHonor_list ul li:hover .lyIdxHonor_img a img { -webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);} .lyNyHonor_list ul li .lyIdxHonor_text { width:100%; overflow:hidden; margin:0 auto; padding:0;} .lyNyHonor_list ul li .lyIdxHonor_text a { display:block; width:100%; height:40px; overflow:hidden; line-height:40px; color:#333; font-size:16px; text-align:center; white-space: nowrap; text-overflow: ellipsis; margin:0 auto; padding:0;} .lyNyHonor_list ul li:hover .lyIdxHonor_text a { color:#104492;} .lyNyHonor_list ul li i { display:block; width:0; height:3px; overflow:hidden; margin:0; padding:0; background-color:#104492; position:absolute; bottom:0; left:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .lyNyHonor_list ul li:hover i { width:100%;} @media screen and (max-width:1299px) and (min-width:1080px) { .ly_NyHonor { width:90%;} .lyNyHonor_list ul li .lyIdxHonor_img { height:190px;} } @media screen and (max-width:1079px) and (min-width:1024px) { .ly_NyHonor { width:96%; margin:0 auto 40px;} .lyNyHonor_list ul li { padding: 12px;} .lyNyHonor_list ul li .lyIdxHonor_img { height:200px; margin:0 auto 12px;} .lyNyHonor_list ul li .lyIdxHonor_text a { height:30px; line-height:30px; font-size:15px;} .lyNyHonor_list ul li i { height:3px;} } @media screen and (max-width:1023px) and (min-width:768px) { .ly_NyHonor { width:96%; margin:0 auto 40px;} .lyNyHonor_list ul li { width:31.333333%; margin:0 3% 20px 0; padding:12px;} .lyNyHonor_list ul li:nth-child(4n+4) { margin:0 3% 20px 0;} .lyNyHonor_list ul li:nth-child(3n+3) { margin:0 0 20px;} .lyNyHonor_list ul li .lyIdxHonor_img { height:200px; margin:0 auto 12px;} .lyNyHonor_list ul li .lyIdxHonor_text a { height:30px; line-height:30px; font-size:15px;} .lyNyHonor_list ul li i { height:2px;} } @media (max-width: 767px) { .ly_NyHonor { width:94%; margin:0 auto;} .lyNyHonor_list ul li { width:48%; margin:0 4% 20px 0; padding:12px;} .lyNyHonor_list ul li:nth-child(2n+2) { margin:0 0 20px;} .lyNyHonor_list ul li .lyIdxHonor_img { height:160px; margin:0 auto 12px;} .lyNyHonor_list ul li .lyIdxHonor_text a { height:30px; line-height:30px; font-size:14px;} .lyNyHonor_list ul li i { height:2px;} } @media (max-width: 320px) { .lyNyHonor_list ul li { width:100%; margin:0 auto 20px; padding:10px;} .lyNyHonor_list ul li:nth-child(2n+2) { margin:0 auto 20px;} .lyNyHonor_list ul li .lyIdxHonor_img { height:240px; margin:0 auto 10px;} .lyNyHonor_list ul li .lyIdxHonor_text a { height:30px; line-height:30px; font-size:15px;} } /*内页-荣誉资质 结束*/ .pro_button{display:block;width:100%;height:49px;line-height:49px;text-align:center;background:#104492;color:#333;} .pro_button a{color:#FFF; font-size:14px;} .pro_button a:hover{color: #fff;} .pf_tel { display:none;} @media screen and (max-width:768px){ .pf_tel { display:block; width:48px; height:48px; background-color:#104492; box-shadow:0 0 10px rgba(0,0,0,0.2); border-radius:50%; position:fixed; top:50%; right:4px; margin:-24px 0 0; z-index:9999;} .pf_tel a { display:block; width:48px; height:48px; overflow:hidden; border-radius:50%; position:relative;} .pf_tel a img { display:block; max-width:100%; max-height:100%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0;} } /*视频中心*/ .video_list ul li .lyNyPro_img{ height:210px;} .video_list ul li .lyNyPro_img a{ position:relative;} .video_list ul li .lyNyPro_img a:after{ content:""; display:block; width:60px; height:60px; background:url(../images/video.png) center no-repeat; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);} .video_list ul li .lyNyPro_img a img{ max-width:100%; max-height:100%; margin:auto; top:0; left:0; right:0; bottom:0; position:absolute;} .fvopvideo { width: 100%; height: 500px !important; max-width: 806px; margin: 0 auto; } @media screen and (max-width:1023px) and (min-width:768px) { .fvopvideo { height: 350px !important;} } @media (max-width:767px) { .fvopvideo { height: 280px !important;} }